对齐表格单元格中的文本

我有一个表格有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

对齐表格单元格中的文本

回答

相关问题