感谢:http://blog.csdn.net/hywink/article/details/6074489
和:http://topic.csdn.net/u/20100908/14/8a1b21d1-e284-4eb7-866b-7f7b33a7af17.html
<table width="200" border="1" cellspacing="1" cellpadding="1" style="table-layout:fixed" mce_style="table-layout:fixed">
<tr>
<td width="100">1</td>
<td colspan="2">2</td>
</tr>
<tr>
<td>1.1</td>
<td width="80">2.1</td>
<td width="20">2.2</td>
</tr>
</table>
表格如上,当设置了style="table-layout:fixed"后在第一行合并了单元格则其下面2.1、2.2的宽度设置了也不起作用。
解决办法如下,在第一行上面再加一行,不合并,然后隐藏就好了。也就是说既然这个问题是由需合并的单元格在第一行引起的,那么让需要合并单元格的行不在第一行出现便解决了。
<table border="1" cellspacing="1" cellpadding="1" style="table-layout:fixed;width:200px;">
<tr style="display:none" mce_style="display:none">
<td style="width:100px"></td>
<td style="width:80px"></td>
<td style="width:20px"></td>
</tr>
<tr>
<td>1</td>
<td colspan='2'>2</td>
</tr>
<tr>
<td>1.1</td>
<td>2.1</td>
<td>2.2</td>
</tr>
</table>
分享到:
相关推荐
如有使用疑问,联系博主 bootstrap-table-fixed-columns.css固定列 冻结列
fastadmin 表格添加固定表头 bootstrap-table-fixed-columns所需插件
小编最近遇到这样的需求,移动端的h5页面,要求有一排可选择的卡片, 超出容器部分可以左右滑动,同时每张卡片左上角要有一个删除按钮。接下来通过本文给大家介绍...不起作用的原因分析及解决方法,需要的朋友参考下吧
CSS Pro布局 CSS库,用于构建响应式和可自定义的...import 'css-pro-layout/dist/css/css-pro-layout.css' ; CDN 您也可以使用的CDN链接 < link href =" https://unpkg.com/css-pro-layout/dist/css/css-pro-layout
table-layout:fixed; } ***本文关键词:table-layout属性值、定义和用法、固定表格布局、自动表格布局。 1定义和用法 tableLayout属性用来显示表格单元格、行、列的算法规则。 ①该属性指定了完成表布局时所用...
这个属性说实在的,平时用到的也不多,为啥,现在用到表格的机会已经很... 在固定表格布局中,水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距,而与单元格的内容无关。 通过使用固定表格布局,用户代理在
如有使用疑问,联系本人,如有使用疑问,
<title>ASP简易留言板--ASP simple postboard v1.21 <style type="text/css"> ...td { table-layout:fixed; word-break :break-all; font-family:"宋体"; font-size: 12px; line-height: 15px; }
鄙人在写一个项目,发现成功将数据在页面显示后, 高度没有自适应,而是将一些按钮遮挡了,不断的调试和网上寻找解决办法,发现没有效果,最后添加了一句css <style> .layui-table-cell{ display:table-...
项目改造中遇到DIV+CSS实现的table,新需求需要在表格使用单元格合并,网上调查返现CSS display:table实现的table表格,没有单元格的属性和样式,经过一番思考,曲折现实了单元格的合并,即采用正行嵌套一个单独的...
bootstrap-table-fixed-header.js bootstrap-table-fixed-header.css 用于实现bootstrap冻结表头
在做企业站的英文版的时候,英文单词由于剩下的空间不足,导致整个单词都换行,造成单词之间的空隙太大。如下图: 使用css属性word-break:...CSS设置不转行: overflow:hidden 隐藏 white-space:normal 默认 pre 换行
本程序采用webbrowser显示读取的数据,使用bootstrap的css样式美化table表格,使用Json传递实数据,现窗体间的数据传递。通过该程序,您可以学到如下知识点: 特别声明:本程序只给出了导入的实例,导出的实例只给出...
CSS控制单元格边距 CSS控制表格样式 除了表格标签自带的属性外,还可用CSS的边框、宽高、颜色等来控制表格样式。此外,CSS中还提供了表格专用属性,以便控制表格样式。 本节将从边框、边距和宽高三个方面,详细讲解...
CSS3中的box-sizing(content-box与border-box) CSS3中的box-sizing 属性允许以特定的方式来指定盒模型,有两种方式: content-box:标准盒模型,又叫做 W3C盒模型,一般在现代浏览器中...盒子的实际宽度=设置的widt
插件将最小/最大宽度的媒体查询转换为类,对于不支持媒体查询的客户端(例如IE8)很有用。 例子 /* Input example */ @media ( min-width : 768 px ) and ( max-width : 991 px ) { . foo { float : left; } } ...
css table width表格宽度样式设置定义.docx
bootstrap-table.css 表格拖拽排序里面有bootstrap-table表格拖拽行所需js以及css非常好用
压缩包里面有: 1.bootstrap-table-editable.js 2.bootstrap-editable.js 3.bootstrap-editable.css 用于bootstrap table实现x-editable的行单元格编辑