テーブル内でdivを使った時に改行しないようにする

質問

テーブル内でdivを使った時に改行しないようにするには？

<table border=1 cellspacing=1 cellpadding=1>
<tr><td>a<DIV style="font-size:50%;">50%です</DIV></td><td>b</td></tr>
<tr><td>c</td><td>d</td></tr>
</table>

このような事をすると、「a」と「50%です」の間が開業されてしまいます。

文字を小さくしつつ改行しないようにする方法を教えてください。

回答No.3

yambejp · ベストアンサー

推奨できるかどうかはともかく、とりあえずinline

<style>
td div{display:inline;font-size:50%;}
</style>

<table border=1 cellspacing=1 cellpadding=1>
<tr><td>a<DIV>50%です</DIV></td><td>b</td></tr>
<tr><td>c</td><td>d</td></tr>
</table>

お礼

ありがとうございました。

回答No.2

ORUKA1951

ブロック要素と行内要素の区別は、HTMLにとって最も基本的で重要な知識です。
・ブロックレベル要素と行内要素( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.3 )
・要素のグループ化: DIV要素とSPAN要素( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )
　絶対に上記は読んで理解しておくこと。

「DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するため」のもので、それが、ブロック要素であり、他のブロック要素で文書構造が示されない時にidやclassを使用して、文書構造を示すためのものです。

　<td>a<DIV style="font-size:50%;">50%です</DIV>
ということは、「50%です」が新しい行で開始するブロック要素だとマークアップしているのですから、★それを行内要素にする事は可能ですが、決して好ましい方法ではありません。

<table border="1" summary="なんたらの表">
　<tbody>
　　<tr>
　　　<td>コーヒーの種類<span class="memo">産地</span></td>
　　　<td>b</td>
　　</tr>
　</tbody>
</table>
　と言う風に、文書構造を示すものにしておいて、
td span.memo{font-size:50%;}
　とかを指定しましょう。

お礼

ありがとうございました。

回答No.1

Tacosan

span は使えないんでしたっけ?

お礼

ありがとうございました。