列表列表或表替代Wordpress

Question

我来找你们所有人，因为我很难过！我需要以与我已有的不同方式在我们的网站上设置新闻页面。目前，我制作了一个包含四列的表，但是由于我们使用顶部的当前和底部的旧表，我们有时最终会在表的顶部使用三列（或左右）。

所以为了解决这个问题，我想我只会创建一个无序列表并使用内联css来使它成为四列。     <ul> <li style="display: block; width: 25%; float: left;"><a href="link"><img src="image"/></a> <br>Title<br>Date</li> <li style="display: block; width: 25%; float: left;"><a href="link"><img src="image"/></a> <br>Title<br>Date</li> <li style="display: block; width: 25%; float: left;"><a href="link"><img src="image"/></a> <br>Title<br>Date</li> </ul>

而不是像我想的那样工作，以下是发生的事情的截图：

有没有人对我如何使这项工作有任何建议？我陷入了wordpress的限制，而且我们的css文件很乱，所以我宁可不要乱用它而是使用内联（特别是如果我们决定再次更改它）。

感谢您提供任何帮助和建议!!!

Answer 1

给每个LI一个高度可以解决你的问题，你也可以为每个LI添加一个边距或一些填充，以便将它们分开。