关于CSS+DIV的居中居右问题

好吧,说实话,这个问题对一个Web新手真的很头痛。之前遇到过,使用了些乱七八糟的方法CSS style终于解决。昨天又碰到到了,这次没那么幸运,在网上仔细搜索实践之后,得到了一个比之前用float:right(非常可怕的style, 慎用!)更好的办法。

其实主要的思路就是用display:table, display:table-cell.

HTML如下:

这样就能知道一个两列分别左右对齐居中的Layout了。


这里还有一个TIP,vertical-align对img不起作用,所以要加上一个空格( )做placeholder.

Web的学习之路还很长啊。

作者: bloodlee

又有点迷茫了...

发表评论

电子邮件地址不会被公开。 必填项已用*标注