css如何实现table里放置色块

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css如何实现table里放置色块相关的知识,希望对你有一定的参考价值。

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

<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元

参考技术A 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

参考技术B 用span,就可以啦!<span style="display:block" ; width=" " ;height=" "; color=" " ></span> 参考技术C 不换行的意思是单行?

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

<div style="width:50px;height:50px;overflow:hidden;font-size:0;line-heihgt:0;background:#ff6600"></div>
参考技术D 弄个背景色不就行了

ARCGIS导出CAD时,如何将图斑色块一起导出

用湘源7.0可以实现。gis属性表新添一个文本字段,命名LAYERNAME,把图层名称赋值给这个字段。然后湘源7,数据-gis导入-添加shp文件。就能实现gis色块导入cad并分层,但是色块颜色需要自己在cad里重新分类。 参考技术A ArcGIS导出到cad时,属性信息就没有了,只能把图斑色块转成文字注记,然后生成注记图层,就可以转到cad了!

以上是关于css如何实现table里放置色块的主要内容,如果未能解决你的问题,请参考以下文章

ARCGIS导出CAD时,如何将图斑色块一起导出

如何实现两个div之间的连线,我现在有这个需求,请问如何实现

如何写html的table代码,以实现实体细边框的效果

[转]CSS如何设置html table表格边框样式

CSS技巧!像table一样布局div

JS实现合并div单元格