html 勝手に改行されてしまう

カテゴリー: General

2016-05-11

style="display: inline"
・ style="white-space: nowrap;" を使う
<span style="white-space: nowrap;"></span>
ではさんでみる

・ style="display: inline" を使って強制的にインライン要素に変更する
改行されているところにブロック要素がないか確認する formタグなど

・ div要素に変えてみる

難しいことを考えずに
下記にすると悩まなくていい

左

中

右

塊を１個の表にして
表のセル要素１個につき、文字を一組で並べると勝手に改行されることはありません。
・表のセルを横に並べる
・セルを折り返ししないように設定する
・罫線の表示を非表示にする

<table border="0" cellpadding="2" cellspacing="2">
<tr>
<td nowrap="nowrap">左</td>
<td nowrap="nowrap">中</td>
<td nowrap="nowrap">右</td>
</tr>
</table>