Php 在不使用表格的情况下，将多个行项目文本均匀隔开

我正在尝试创建一个无序的

text1 text2text3

元素列表，其中包含一个while循环。然后使用我的CSS中的

#侧边栏li a

设置此列表的样式

我的问题是，传入while循环中每个

元素的text1、text2、text3可能具有不同的长度，我希望它们像表格一样等距排列。但是，我不能使用表格，因为要像表格一样格式化，需要我这样做

<li><a><tr><td>text1</td> <td>text2</td> <td>text3</td></tr></a></li>... 

---

据我所知，您希望

LI

元素具有固定宽度，如表中的

TD

：

#sidebar li {
  float:left;
  width:33%; /* three columns with equal width */
}

或者你可以用

`display: block;
/* other stuff */
float: left; /* or right, depending on your alignment requirements */

---

很明显，浮动会将跨距的内容从文档流中移除，可能会导致

本身崩溃，因为它没有内容。

@Rees:很难理解您的问题。也许您可以进行编辑以使其更清晰。是否希望所有渲染的

$row['columns']

都在一个

内，并以相同的宽度渲染？不向

$row['column1']

s应用任何其他格式？我不确定我是否理解你的问题，甚至不知道为什么。不，他似乎希望每个渲染的

$row['column1']

在一个

内具有相同的宽度。我不知道为什么，但这就是它看起来的样子，正如目前所写的=/实际上，每一个li，将等同于每一个TR，而不是TD。有解决方案吗？对不起，我的天啊，我的问题没有格式化。你太棒了，工作得很好！非常感谢！
#sidebar li {
  float:left;
  width:33%; /* three columns with equal width */
}

while($row = mysql_fetch_assoc($result))
{      

echo "<ul id=\"sidebar\">;
echo "<li><a href=\"#\"><span class="psuedo-col">" . $row['column1'] . "</span> <span class="psuedo-col">". $row['column2']. "</span> <span class="psuedo-col">". $row['column 3']."</span></a></li></ul>";

}

span.psuedo-col {

display: inline-block;
width: 10em;
overflow: hidden;

}

`display: block;
/* other stuff */
float: left; /* or right, depending on your alignment requirements */