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

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

2007-10-02 (火)
技術

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

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

<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－スタイルシートリファレンス

Comments:0

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 Blog

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

RSS Feeds

Search

Recent Entries

このブログについて

author：hisasann.com

description：就職しました！
最近はJavaScript、Perl、Rails、Java（Struts+Spring+iBatis）なんかをいろいろといじっています。
今猛勉強中なのがActionScriptです。
アニメーション楽しい！

他に運営しているブログ：

利用しているWebサービス :

Tag cloud

カテゴリー

月別アーカイブ

jQuery Meetup

Visit jQuery Meetups

Page Top