針對之前遇到過的一些特殊樣式的實(shí)現(xiàn)，我今天做個(gè)總結(jié)，目的有二：一是將這些方法記錄下來，以便將來需要用到時(shí)查找使用。二為將這些大神們智慧的結(jié)晶發(fā)揚(yáng)光大，讓廣大前端程序猿們能夠少走彎路。此貼為更新帖，以后若有好的css樣式技巧，小哥我會(huì)不定期更新。

一、塊元素水平垂直居中（特別鳴謝：鑫生活。鑫哥出品必屬精品！小弟膜拜）

對于一個(gè)塊元素的水平垂直居中，水平居中的方式不必多說，一般用margin:auto;等方法即可實(shí)現(xiàn)。而對于垂直居中，盡管有vertical-align:middle屬性，但是由于其只適用于table標(biāo)簽中，而table標(biāo)簽效果不好控制的特點(diǎn)大家都懂。。。因此，我們一般常用的方法是：將子級元素設(shè)定inline-block屬性，并將其行高屬性：line-height的值設(shè)定為與父級元素相同的高度。在這里，我想推廣一種方法，源自“鑫生活” 

http://www.zhangxinxu.com/wordpress/2013/11/margin-auto-absolute-%E7%BB%9D%E5%AF%B9%E5%AE%9A%E4%BD%8D-%E6%B0%B4%E5%B9%B3%E5%9E%82%E7%9B%B4%E5%B1%85%E4%B8%AD/

代碼如下：

html方面：

發(fā)表評論 共有條評論 用戶名: 密碼: 驗(yàn)證碼: 匿名發(fā)表