對齊表格單元格中的文本

我有一個表格有2列。我想能夠證明每個單元格中的文本，所以我使用text-align:justify;爲每個<td>標記，但它似乎不起作用？對齊表格單元格中的文本

enter image description here

HTML代碼：

<table > 
<tr > 
<td class=tblcellA>سرآغاز گفتار نام خداست </td> 
<td class=tblcellB>كه رحمتگر و مهربان خلق راست</td> 
</tr> 
<tr > 
<td class=tblcellA>ستايش بود ويژه كردگار</td> 
<td class=tblcellB>كه بر عالمين است پروردگار</td> 
</tr> 
</table>

CSS代碼：

body 
{ 
    overflow:hidden; 
    font-family:tahoma; 
    FONT-SIZE:15px; 
direction:rtl; 
} 
.tblcellA 
{ 
    BORDER-RIGHT: #7e975b 1px solid; 
    BORDER-TOP: #7e975b 1px solid; 
    BORDER-LEFT: #7e975b 1px solid; 
    BORDER-BOTTOM: #7e975b 1px solid; 

    text-align:justify; 
    padding-right:18px; 
    width:230px; 

} 
.tblcellB 
{ 
    BORDER-RIGHT: #7e975b 1px solid; 
    BORDER-TOP: #7e975b 1px solid; 
    BORDER-LEFT: #7e975b 1px solid; 
    BORDER-BOTTOM: #7e975b 1px solid; 

    width:230px; 
    text-align:justify; 
    padding-right:18px; 
}

結果： http://jsfiddle.net/d5VTg/22/

我該如何證明這行文字？

來源

2012-11-19 KF2

回答。 @irsog –

你需要那個單元格來填充文本嗎？沒有空間？因爲現在你的文本是有理由的 – Sowmya

@Sowmya Shivaram：是的我需要每個單元格填充文本和單詞之間的空格。 – KF2

您已經修復了每個單元格的寬度，以便您能夠看到額外的空白區域。否則你的文字是合理的。

在這種情況下改變寬度屬性這樣

width:auto; 
max-width:230px;

現在細胞最大寬度將230px

DEMO HERE

來源

2012-11-19 06:36:14 Sowmya

對齊表格單元格中的文本

回答

相關問題