Css span 設定寬度無效 指定 display:inline-block 讓設定有效

Span 標籤預設是無法指定寬度屬性的,想要讓寬度屬性可以起作用必須要將display設定成inline-block。

指定width屬性無效
指定width屬性有效

<span style="background-color: yellow; width: 250px;">指定width屬性無效</span>
<span style="background-color: yellow; width: 250px; display: inline-block;">指定width屬性有效</span>

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s