html和css - 对齐行&不使用表格的文章列

时间:2014-12-11 22:28:38

标签: html5 css3

我有一系列链接来发布我在客户端网站上发布的文章(基本的html和css,不允许使用php)。客户希望文章整齐排列在漂亮的行和列中。我试图不使用表格,但似乎无法正确排列。当然,文章标题是不同的长度,抛出一切。

我有一个jsfiddle,它展示了我想要做的事情: http://jsfiddle.net/ktpmm5/ug5s4Leq/5/

我还想在不使用背景图像的情况下这样做,但如果需要,我可以这样做(它可能看起来更漂亮)。客户还希望此功能具有响应性,并可在通常的智能手机,平板电脑等上查看。

Can anyone point me in the right direction?  Thanks-

1 个答案:

答案 0 :(得分:1)

我会使用新的CSS3 flexbox: http://css-tricks.com/snippets/css/a-guide-to-flexbox/

但在开始之前,请检查它是否可用于您正在开发的浏览器: http://caniuse.com/#search=flexbox