用於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添加一個邊距或一些填充來將它們分開。