原文:inline-block和block元素水平居中顯示

一般來說,在頁面中需要進行水平居中的元素,大致分為兩種,一種是塊級元素,即display:block,一種是行內元素display:inline block 塊級元素包括div,ul,p,以及所有的h類標簽。行內元素又叫內聯元素,a,img,input是最常見的。這些行內元素,可以通過display:block轉換成塊級元素。 弄明白了哪些是塊級元素,哪些是行內元素,我們還要知道其主要區別,兩個 ...

2018-08-31 16:26 0 1432 推薦指數:

查看詳情

inline-block元素水平居中問題

今天做項目的時候碰到了不固定元素個數,需要水平居中的問題,原來的確定寬度下margin:0 auto等方法木有用了。想起來之前看過display:inline-block的文章, 果斷用這個。 之前很少用這個屬性。。印象里麻煩比較多。。好了不多說了,上代碼。 打開頁面,乍一看 ...

Fri Aug 15 04:26:00 CST 2014 0 14257
inline-block 實現元素垂直居中

1.元素顯示方式: display:inline 表示,元素做為內聯元素顯示,兩個或者多個內聯元素可以並列成一行顯示;常見的內聯元素如:span strong 標簽;內聯元素的特點是:(1)不能給內聯元素設置寬和高;(2)元素和其他元素共占一行; display ...

Fri May 01 19:45:00 CST 2015 3 9488
inline-block垂直居中的方法

vetical-align的功能是設置行內元素垂直方向上的對齊方式。 可能的值 baseline 默認。元素放置在父元素的基線上。 sub 垂直對齊文本的下標。 super 垂直對齊文本的上標 ...

Wed Jan 06 05:03:00 CST 2016 0 20641
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM