在同一個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表格單元格中右對齊並左對齊文本

回答

相關問題