Home > 技術 > HTML内にハイフンがあり改行されてしまう場合の対処

HTML内にハイフンがあり改行されてしまう場合の対処

ハイフンがテーブルのカラムに入ってしまい、それを画面に出力されるときに改行されてしまうことがあったのでメモ。

ハイフンが出力されてしまう部分の前後に

<NOBR>~~~~ここにハイフンが来る~~~~</NOBR>

これでそのカラムは改行されない。

ちなみに


<table style="table-layout:fixed;" border="1">
<tr>
<td style="width:100px;">
aaaaaaaaaaaaaa-aaaaaaaaaaaaa
</td>
<td style="width:100px;">
aaaaaaaaaaaaaa-aaaaaaaaaaaaa
</td>
</tr>
</table>

上記のようにstyle="table-layout:fixed;"として改行させない方法を使っても
<NOBR>を入れないと改行されてしまう。
Divタグのoverflowをhiddenにしたときも同じ。

つまり改行させたくないセルが存在する場合は、必ず<NOBR>を使いましょう。

table-layout-スタイルシートリファレンス

Trackback:0

TrackBack URL for this entry
http://hisasann.com/cgi-bin/mt/mt-tb.cgi/490
Listed below are links to weblogs that reference
HTML内にハイフンがあり改行されてしまう場合の対処 from HouseTect, JavaScriptな情報をあなたに

Home > 技術 > HTML内にハイフンがあり改行されてしまう場合の対処

Tag cloud
月別アーカイブ
Powered by
Powered by
Movable Type Commercial 4.261

Page Top