[英]Justify text in table cells
我有一个包含2列的表格。我希望能够对每个单元格中的text-align:justify;
因此我使用了text-align:justify;
对于每个<td>
标签,但这似乎不起作用?
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/
我如何证明这行文字的合理性?
您已固定每个单元格的宽度,以便能够看到额外的空白。 否则,您的文字是合理的。
在这种情况下,请像这样更改width属性
width:auto;
max-width:230px;
现在单元格的最大宽度将为230px
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.