Justifier le texte dans les cellules de tableau

J'ai une table avec 2 colonnes. Je voudrais pouvoir justifier le texte dans chaque cellule ainsi j'ai utilisé text-align:justify; pour chaque étiquette <td>, mais cela ne semble pas fonctionner?Justifier le texte dans les cellules de tableau

enter image description here

Html Code:

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

Code 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; 
}

Résultat: http://jsfiddle.net/d5VTg/22/

Comment puis-je justifier cette ligne de texte?

Source

2012-11-19 KF2

exaucées. @irsog –

Avez-vous besoin que cette cellule soit remplie de texte ?? sans espace ?? coz maintenant votre texte est justifié seulement – Sowmya

@Sowmya Shivaram: Oui j'ai besoin que chaque cellule se remplisse de texte et d'espace entre les mots. – KF2

Vous avez fixé la largeur de chaque cellule afin que vous puissiez voir l'espace blanc supplémentaire. Sinon, votre texte est justifié.

Dans ce cas, modifier les propriétés de largeur comme celui-ci

width:auto; 
max-width:230px;

Maintenant la largeur max cellulaire sera 230px

DEMO HERE

Source

2012-11-19 06:36:14 Sowmya

Justifier le texte dans les cellules de tableau

Répondre

Questions connexes