顯示具有 CSS 標籤的文章。 顯示所有文章
顯示具有 CSS 標籤的文章。 顯示所有文章

2017年10月12日 星期四

CSS Display 屬性範例


display 的屬性值有 block, inline, none

block:以新的一列方式呈現,寬度會儘可能延伸至最左及最右 例如 Div 這個元素就是 block 類別
inline:不以新的一列方式呈現,寬度只佔所需的大小 例如 span 這個元素就是 inline 類別
display設為 none 時該元素將為不可見
example:
原 a 元素預設值為 inline
第一個連結 第二個連結 第三個連結
將 a 元素改為 block方式呈現:
第一個連結 第二個連結 第三個連結
程式碼:

CSS 置中方式


CSS 置中方式


我被置中了
margin : auto;會使容器置中 max-width : 200px;寬度最大不超過200px, 父容器縮小到200px以下時不會出現scrollbar.而是自動縮減寬度
程式碼如下: