CSS設置行內元素和塊級元素水平居中

默認的行內元素包括:a( 錨點) ,span(定義文本內區塊) img(圖片) input(輸入框) select(項目選擇) strong(粗體強調) label(標籤) cite (引用)code(計算機代碼)等。

默認的塊級元素包括:div ul(無序列表) ol(有序列表) dl(定義列表) table(表格)form(表單) h1 (一級標題))p(段落)pre(預格式化)等。

行內元素和塊級元素可以通過設置display屬性相互轉換,display:block表示按塊級元素顯示,display:inline表示按行內元素顯示。

行內元素的水平居中

行內元素的水平居中可以在其父元素中設置text-align:center,以label爲例,如下

<html>
<body>
<div style="text-align:center">
<label>label 水平居中 </label>
</div>
</body>
</html>

塊級元素的水平居中

塊級元素的水平居中可以設置margin:0 auto,但是要設置width屬性,以div爲例,如下

<html>
<body>
<div style="width:100px;margin:0 auto;">div 水平居中
</div>
</body>
</html>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章