html - 使用 HTML 和 CSS 在一行上的标题间距不均匀

Question

我想将表单上方的标题不均匀地放在一行上，并且不确定使用 HTML 和 CSS 执行此操作的最佳方法是什么。我过去使用过跨度标签和填充，但这在不同的浏览器中工作方式不同，并且不能正确排列。我确定有更好的方法将所有标题包装在跨度标签中。非常感谢你的帮助。我附上了我想要实现的图像。

Answer 1

如果您使用表格，单元格将根据其中的内容自动调整大小。在纯粹处理表格数据时，表格仍然很有用。或者，您可以为每个标题单元格分配一个类以设置特定宽度。

<table cellpadding="5" cellspacing="5" width="100%">

<tr>

    <td>one</td>
    <td>this one needs more space and will grow</td>
    <td>this guy isn't as long</td>
    <td>short</td>

</tr>

​</p>

JSFiddle 示例：http: //jsfiddle.net/JdSy2/