文章出處

   1.行級元素:非獨占一行,設置高度寬度無效 默認寬度是剛好包住自己里面的內容。例:<a>

              不能應用屬性:width height  max-width max-height min-width min-height

               除非:變為塊級或行塊元素

      

     2.塊級元素獨占一行,設置寬度和高度都有效  默認元素是父元素寬度。例:<div>

      3.行塊元素獨占一行,設置寬度和高度都有效 默認元素是父元素寬度 。例:<img>
  

              display:inline ;塊級變行級
              display:block; 行級變塊級

              display:inline-block;變為行塊元素

 

     :對行級元素設定padding時需要特別謹慎,特別是垂直方向上的padding,控制不好就會出現元素與元素發生重疊(padding僅僅
          把行級元素的上下邊框撐開)------解決方法,把行級元素變為塊級元素
 
 


文章列表


不含病毒。www.avast.com
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()