文本对齐工作不正常

StackOverflow https://stackoverflow.com/questions/1881881

题

我试图使它们的容器的不同侧的两个元素。在我的实际代码这两个元素是在一个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>

在实施例： http://jsbin.com/ocete/

好了，我不完全肯定如何与申报单，即使做到这一点非常好。另外在右对齐表格单元格，会出现在我的实际代码的两个元素。一个是图像和一个是一块文字。我想他们是在包含它们的<td>的相对两侧。

我怎样才能做到这一点，我想要的方式？我没有看到任何直接的方式。 （请不要推荐固定定位）

有帮助吗？

解决方案

要你的<table>元素，添加：

style="width: 100%"

一切工作完美，你的表是不够大，看看它。

其他提示

如果你正在寻找的一侧上，你可以使用下面的表中单独的侧面文本把像侧：

<table style="width: 100%">
<tr>
<td style="text-alight: left;">
text
</td>
<td style="text-align: right;">
  <table style="width: 100%">
    <tr>
      <td style="text-align: left;">image</td>
      <td style="text-align: right;">text</td>
    </tr>
  </table>
</td>
</tr>
</table>

这应该让你像

-----------------------------
|text    |image    |    text|
-----------------------------

您不必为你的表中指定的宽度，所以它只是一样宽，它需要，所以你看不到文本的对齐方式作出任何区别。

尝试此

<table style="width: 100%">

和再看一看。

任何理由使用表的布局？使用两个divs相反，把它们的宽度，以每50％，并且漂浮在第二div到右侧。

的宽度添加到表.. 

<table style="width: 100%">

编辑：tooo慢

您总是会使用一个表？如果是上述的答案会工作。但是，如果你使用的是div容器内的两个div，你需要浮动的div里面的左侧和右侧分别，然后清除浮动的div容器。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top