在同一个HTML表格单元格中右对齐并左对齐文本

我在HTML <table>中有一个单元格。我希望部分单元格内容是正确的，部分是正确的。这可能吗？在同一个HTML表格单元格中右对齐并左对齐文本

2010-01-18 Brian

这是否意味着....中心？ – duffymo 2010-01-18 22:57:35

@duffy：不，他意味着对齐。我注意到人们经常混淆“证明”与“对齐”不区分理由 - 即。一个冲洗线边缘 - 和对齐 - 一个破旧的边缘。实际上在许多应用中只有“左对齐”。 – prodigitalson 2010-01-18 22:59:42

感谢您的纠正 - 我想我是其中一个困惑的人。 – duffymo 2010-01-18 23:54:34

如果你希望他们在不同的行做什么BALON说。如果你希望他们在同一行，这样做：

<td> 
    <div style="float:left;width:50%;">this is left</div> 
    <div style="float:right;width:50%;">this is right</div> 
</td>

来源

2010-01-18 23:00:50

为什么你为什么要在这里使用一个浮点数，当你可以在同一个元素上使用'text-align'而不是 – prodigitalson 2010-01-18 23:04:30

这仍保持在对准 – LukeP 2010-01-18 23:04:43

然后''

this is right

– kjagiello 2010-01-18 23:05:25

当然，但您需要将这些“块”封装在单独的标签中，并将对齐应用于这些块。

来源

2010-01-18 22:58:03 prodigitalson

我会用什么标签用于那些块？ – Brian 2010-01-18 22:58:41

取决于一个div或AP（同上）可能保持它虽然块级别。您的DIV的之间的主要差异p是div是任意的，并且实际上没有默认样式，其中ap的语义意思是段落，并且具有默认页边距和浏览器内部css规则定义的内容（除非您重置了它，这是很好的做法） – prodigitalson 2010-01-18 23:03:01

你的意思是这样吗？

<!-- ... ---> 
<td> 
    this text should be left justified 
    and this text should be right justified? 
</td> 
<!-- ... --->

如果是

<!-- ... ---> 
<td> 
    <p style="text-align: left;">this text should be left justified</p> 
    <p style="text-align: right;">and this text should be right justified?</p> 
</td> 
<!-- ... --->

来源

2010-01-18 22:59:00 kjagiello

我不'我想这是他需要一个解决方案，两个字符串放在一起 - “在同一行”。 – 2010-01-18 23:01:19

你可能是对的，我不确定他到底在问什么为什么我会留下我的评论，因为它可能对某人有用 – kjagiello 2010-01-18 23:03:16

TD风格是没有必要的，但将使其更容易看到在浏览器这个例子

<table> 
<tr> 
    <td style="border: 1px solid black; width: 200px;"> 
    <div style="width: 50%; float: left; text-align: left;">left</div> 
    <div style="width: 50%; float: left; text-align: right;">right</div> 
    </td> 
</tr> 
</table>

来源

2010-01-18 23:03:59 LukeP

您可以使用类似：

<td> 
    <div style="float:left;width:49%;text-align:left;">this is left</div> 
    <div style="float:right;width:49%;text-align:right;">this is right</div> 
</td>

的49%是给一些空间，渲染环绕的事情。

而且你可以使用<div>或<span>

来源

2010-01-18 23:04:21

如果您使用跨度，则还必须设置“display：block”以使width属性生效。 – 2010-01-18 23:09:26

这是可能的，但如何取决于你所要完成的任务。如果是这样的话：

|左对齐右对齐|在一个单元格，然后你可以用浮动的div td标签里面：

<td> 
<div style='float: left; text-align: left'>Left-aligned</div> 
<div style='float: right; text-align: right'>Right-aligned</div> 
</td>

如果是 |左对齐
右对齐|

然后Balon的解决方案是正确的。

如果它是： |左对齐 | 右对齐|

然后，它的：

<td align="left">Left-aligned</td> 
<td align="right">Right-Aligned</td>

来源

2010-01-18 23:06:01

我想出了这个试图找出如何在表格单元格中显示货币（“$”向左，数到右）：

<div class="currency">20.34</div> 

.currency { 
    text-align: right; 
    width: 100%; 
} 

.currency:before { 
    content: "$"; 
    float: left; 
}

来源

2012-07-24 23:36:17 Iain

Tor Valamo对我的贡献有点贡献的答案是：在“td”元素中使用属性“nowrap”，并且可以删除“width”规范。希望能帮助到你。

<td nowrap> 
    <div style="float:left;">this is left</div> 
    <div style="float:right;">this is right</div> 
</td>

来源

2014-01-10 14:00:31 Sergiu

在同一个HTML表格单元格中右对齐并左对齐文本

回答

相关问题