bootstrap table中的行tr标签设置display:block后行样式错乱问题
来源:互联网 发布:阿里巴巴的大数据包括 编辑:程序博客网 时间:2024/05/22 11:36
在table中,如果在tr加上display样式时,会发生错乱如下:
<tr style="display: block;" statusCode="2" itemName="fa" id="1"> <td><a href="#">fa fa</a></td> <td class="hidden-xs">Gold Level Virtual Server</td> <td><span class="label label-success label-sm">已完成</span></td></tr><tr statusCode="1" itemName="ha" id="2"> <td><a href="#">haha</a></td> <td class="hidden-xs">Platinum Level Virtual Server</td> <td><span class="label label-warning label-sm">正在执行</span></td></tr><tr statusCode="2" itemName="aha"> <td><a href="#">aha</a></td> <td class="hidden-xs">Hardware Switch</td> <td><span class="label label-success label-sm">已完成</span></td></tr>
效果如图:
可以看到,第一行在设置display=block后,和正常行会不一致
解决这个问题的方式是,对行设置display=table-row来校准:
<tr style="display: table-row;" statusCode="2" itemName="fa" id="1"> <td><a href="#">fa fa</a></td> <td class="hidden-xs">Gold Level Virtual Server</td> <td><span class="label label-success label-sm">已完成</span></td></tr><tr statusCode="1" itemName="ha" id="2"> <td><a href="#">haha</a></td> <td class="hidden-xs">Platinum Level Virtual Server</td> <td><span class="label label-warning label-sm">正在执行</span></td></tr><tr statusCode="2" itemName="aha"> <td><a href="#">aha</a></td> <td class="hidden-xs">Hardware Switch</td> <td><span class="label label-success label-sm">已完成</span></td></tr>
这样子就可以了
阅读全文
0 0
- bootstrap table中的行tr标签设置display:block后行样式错乱问题
- 在table中tr的display:block在firefox下显示布局错乱问题
- 在table中tr的display:block在firefox下显示布局错乱问题 收藏
- 在table中tr的display:block在firefox下显示布局错乱问题
- 在table中tr的display:block在firefox下显示布局错乱问题
- 在table中tr的display:block在firefox下显示布局错乱问题
- 在table中tr的display:block在firefox下显示布局错乱问题
- 在table中tr的display:block在firefox下显示布局错乱问题
- 在table中tr的display:block在firefox,chrome下显示布局错乱问题
- 谷歌浏览器中table中tr的display:block显示布局错乱问题
- 在table中tr的display:block显示布局错乱问题
- 在table中tr的display:block在firefox下显示布局错乱问题
- 在table中tr的display:block显示布局错乱问题
- 在table中tr的display:block在firefox,chrome下显示布局错乱问题
- 在table中tr的display:block显示布局错乱问题
- 在table中tr的display:block显示布局错乱问题
- 在table中tr的display:block显示布局错乱问题(2017-8-14 qhjr)
- 在table中tr的display:block显示布局错乱问题
- C++文件操作
- 不是'script',而是'src'+'ipt'
- JAVA中File的创建使用
- Ubuntu进入输入命令窗口的几种方法
- PAT甲级 1052. Linked List Sorting (25)
- bootstrap table中的行tr标签设置display:block后行样式错乱问题
- java.lang.NullPointerException: Attempt to invoke virtual method 'int java.lang.Integer.intValue()'
- TortoiseGit的基本使用
- Mongodb和log4j整合
- 调用live555库lib的顺序
- Dockerfile基本结构及基本指令
- 机器学习--Hoeffding不等式--界定概率边界
- nginx配置文件
- boost使用总结