0

3列のテーブルがあります。最初の列には、その下に名前とレポート (つまり、フィドル ACT TSK REM など) のリンクがあります。2 番目と 3 番目の列には、表示するテキストがあります。

クラス「EmployeeReportsLinks」でdivの幅を設定し、テキストをラップしようとしましたが、「NAW」からの「W」が2行目にありません。

これに対するグローバルな解決策を提案してください。

これが私のhtmlです

<table>
<tr>
    <td id="tdfirst" valign="top" style="min-width: 250px; width: auto; text-align: left; padding-left: 5px; padding-top: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(248, 248, 248); height: 68px;">Hello TD1
        <div class="EmployeeReportsLinks" style="width: 200px;display: block; word-wrap: break-word;">ACT&nbsp;TSK&nbsp;REM&nbsp;SAL&nbsp;AFE&nbsp;NAW&nbsp;AW&nbsp;IG&nbsp;CPP&nbsp;COG&nbsp;LS&nbsp;PRE&nbsp;
        </div>
    </td>
    <td class="tdsecond" valign="top" style="min-width:485px;text-align:left;padding-left:5px;padding-top:5px;border-bottom:1px solid #F8F8F8;">Hello TD2</td>
    <td align="right" valign="top" style="min-width:270px;padding-right:5px;padding-top:5px;border-bottom:1px solid #F8F8F8;">Hello TD3</td>
</tr>

ここで実際の例を見つけることができますJS Fiddle

4

1 に答える 1

1

あなたはスタイルを持っているので、あなたの言葉は包み込まれていword-wrap: break-word;ます:.EmployeeReportsLinks

そのスタイルと入力したすべての非改行スペース ( &nbsp;) を削除するか、次のようなものを追加できます。

.EmployeeReportsLinks > * {white-space:nowrap;}

しかし、この種のword-wrap: break-word;

http://jsfiddle.net/2eRT9/5/ (2 番目のオプション)

于 2013-05-13T11:02:18.607 に答える