4

2列のテーブルがあります。各セルのテキストを揃えたいので 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/

このテキスト行を正当化するにはどうすればよいですか？</ p>

4

1 に答える 1

0

余分な空白が見えるように、各セルの幅を固定しました。それ以外の場合、テキストは正当化されます。

この場合、幅のプロパティを次のように変更します

width:auto;
max-width:230px;

セルの最大幅は 230px になります

デモはこちら

于 2012-11-19T06:36:14.023 に答える