テーブル内で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 回答日時： 2014/07/10 12:05

推奨できるかどうかはともかく、とりあえず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>

この回答へのお礼

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

お礼日時：2014/07/23 19:28

No.2 回答者： ORUKA1951 回答日時： 2014/07/10 10:54

ブロック要素と行内要素の区別は、HTMLにとって最も基本的で重要な知識です。

・ブロックレベル要素と行内要素( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
・要素のグループ化: DIV要素とSPAN要素( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
　絶対に上記は読んで理解しておくこと。

「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%;}
　とかを指定しましょう。

この回答へのお礼

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

お礼日時：2014/07/23 19:28

No.1 回答者： Tacosan 回答日時： 2014/07/10 10:27

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

この回答へのお礼

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

お礼日時：2014/07/23 19:29