text-align无法按预期工作

Ear*_*rlz 0 html css html-table text-alignment

我试图在容器的不同侧面制作两个元素.在我的实际代码中,这两个元素位于div的两侧,但是为了举例,我想在浏览器窗口的两侧需要它们.

所以我做了一个简单的事:

<html>
<head>
</head>
<body>
<table>
<tr>
<td style="width: 50%;text-align: left;">
This should go left
</td>
<td style="width: 50%;text-align: right;">
This should go right
</td>
</tr>
</table>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

示例:http://jsbin.com/ocete/

好吧,我并不完全确定如何使用div甚至做得很好.同样在右对齐的表格单元格中,我的实际代码中将有两个元素.一个是图像,一个是文本.我希望它们<td>位于它们所包含的两侧.

我怎么能按照我想要的方式做到这一点?我没有看到任何直截了当的方式.(请不要推荐固定定位)

jve*_*ema 13

对于您的<table>元素,添加:

style="width: 100%"
Run Code Online (Sandbox Code Playgroud)

一切都很完美,你的桌子不够大,看不到它.