simonallen 技術部落格
  • Home
  • About
  • Tags
Sign in Subscribe

HTML

block、inline 和 inline-block 有什麼區別?

block、inlineblock和inline這兩個概念是簡略的說法完整的說法應該是block-level elements(塊級元素)和inline elements(內聯元素.block元素通常被現實為獨立的一塊,會單獨換一行內聯元素則前後不會產生換行,一系列內嵌元素都在一行內顯示,直到該行排滿。 * 常見block元素:div,form,table,p,pre,h1〜h6,dl,ol,ul,li等 * 常見inline元素有span,a,i,strong,em,lable,input,select,textarea,img,br等 注意:inline不該作為父元素包住block、inline-block。 inline-block 設置了內聯塊屬性的元素既擁有了block元素可以設置寬度和高度的特性,又保持了inline元素不換行的特性。例如圖片<img>標籤 display:block 1. block元素會獨占一行,多個block元素會各自新起一行。
SimonAllen 03 12月 2017

清除 CSS float 浮動的4種方式

清除浮動的4種方式 假如一段HTMLcode是這樣 <div class="wrap"> 我是父元素 <div class="r">我是右浮動</div> <div class="l">我是左浮動</div> </div> CSS是這樣 .wrap{ width: 600px; background-color: #ccc; color:#fff; font-size: 20px; padding: 10px; } .l{ float:left;
SimonAllen 02 10月 2017

Subscribe to simonallen 技術部落格

Don't miss out on the latest news. Sign up now to get access to the library of members-only articles.
  • Sign up
simonallen 技術部落格 © 2025. Powered by Ghost