Fatal编程技术网
  • html/
  • Html td内容的对齐问题

Html td内容的对齐问题

html css

Html td内容的对齐问题,html,css,Html,Css,我有下面的html <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> ................. .... ....... <td colspan="4" ><br>&lt;40 : Negative<br>40-80 : positie

我有下面的html

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    <html>

.................
....
.......

 <td colspan="4" ><br>&lt;40      : Negative<br>40-80    : positieve <br></td>
我需要的是

40   :Negative
40-80:Positive
有没有可能使用css来实现这一点？或者任何其他方式？

您可以用不间断的空格字符替换空格

<td colspan="4" ><br>&lt;40&nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;: Negative<br>40-80nbsp;nbsp;nbsp;nbsp;: positieve <br></td>


40 nbsp；nbsp；nbsp；nbsp；nbsp；：阴性
40-80nbsp；nbsp；nbsp；nbsp；：肯定的
您可以用不间断的空格字符替换空格

<td colspan="4" ><br>&lt;40&nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;: Negative<br>40-80nbsp;nbsp;nbsp;nbsp;: positieve <br></td>


40 nbsp；nbsp；nbsp；nbsp；nbsp；：阴性
40-80nbsp；nbsp；nbsp；nbsp；：肯定的
如果你不反对使用表格（看起来你不是：），那就把它也放在表格里：

<td>
  <table>
    <tbody>
      <tr><td>&lt;40</td> <td>:Negative</td></tr>
      <tr><td>40-80</td> <td>:Positive</td></tr>
    </tbody>
  </table>
</td>


40:否定
40-80：阳性
如果你不反对使用表格（看起来你不是：），那就把它也放在表格里：

<td>
  <table>
    <tbody>
      <tr><td>&lt;40</td> <td>:Negative</td></tr>
      <tr><td>40-80</td> <td>:Positive</td></tr>
    </tbody>
  </table>
</td>


40:否定
40-80：阳性
您正在使用换行符（

）而不是新的
行。如果不查看布局的其余部分，不使用空格（
）只使用一行，或者不进一步将数据拆分为两列，就不可能对齐这些行。

您使用的是换行符（

），而不是新的
行。如果不查看布局的其余部分，不使用空格（
）只使用一行，或者不进一步将数据拆分为两列，就不可能对齐这些数据。

将数字包装在span中，并给它一些宽度

为什么你有这个

标签呢？

把你的数字用span括起来，给它一些宽度

为什么您有这个

标签？

您可以使用

    <td colspan="4" >
      <pre>
&lt;40    : Negative
40-80  : positieve
      </pre>
    </td>


40:否定
40-80：肯定
您可以使用

    <td colspan="4" >
      <pre>
&lt;40    : Negative
40-80  : positieve
      </pre>
    </td>


40:否定
40-80：肯定
这里有一个可能的解决方案（jsFiddle:）


40
：否定
40-80
：正
span.item{
显示：块；
}
span.num{
显示：内联块；
宽度：40px；
}
此解决方案将CSS用于表格中的布局。您将需要将元素包装在几个跨度中

希望这有帮助

Bob

这里有一个可能的解决方案（jsFiddle:）


40
：否定
40-80
：正
span.item{
显示：块；
}
span.num{
显示：内联块；
宽度：40px；
}
此解决方案将CSS用于表格中的布局。您将需要将元素包装在几个跨度中

希望这有帮助

Bob

您可以使用
标记，该标记以固定宽度字体显示文本，并保留空格和换行符

    <td colspan="4" >
      <pre>
&lt;40    : Negative
40-80  : positieve
      </pre>
    </td>

40:负数

但是，可以使用CSS覆盖默认样式。

您可以使用
标记，该标记以固定宽度字体显示文本，并保留空格和换行符

    <td colspan="4" >
      <pre>
&lt;40    : Negative
40-80  : positieve
      </pre>
    </td>

40:负数

不过，可以使用CSS覆盖默认样式。

谢谢，但此内容来自动态源。因此无法预测以下数量：（谢谢，但此内容来自动态来源。因此无法预测以下内容的数量：(