Question

css如何实现table里放置色块

我有一个表格，td里面想放文字和一个色块，色块如何不换行，这个色块应该用什么标签实现？

Answer 1

<table width="226" height="136">

 <tr>

  <td width="134">衣服颜色<br />

<div style="background:#FC9; width:60px; height:20px; display:block;"></div> </td>

  <td width="80">价格：xxx元</td>

 </tr>

</table>

这样

追问

我要的是衣物颜色和色块放到一行，你的这个已经换行了！

追答

衣服颜色 价格：xxx元

Answer 2

span标签吧，然后给样式，我写了一个实例：<table1><tr1><td1><span1 style="width:16px;height:16px;background-color:#f00;display:block;float:left; margin-right:4px;"></span>123</td1>
</tr1>
</table1>
你把标签中的1去掉，在本地复现下，就明白了

追问

你给的代码，文字一直在色块的右边，我想要的效果是文字在色块的左边！

追答

123

Answer 3

用span，就可以啦！<span style="display:block" ; width=" " ;height=" "; color=" " ></span>

Answer 4

不换行的意思是单行？

随便找一个 块 标签 就能实现

<div style="width:50px;height:50px;overflow:hidden;font-size:0;line-heihgt:0;background:#ff6600"></div>

Answer 5

弄个背景色不就行了