我已经阅读了有关表格宽度的问题并进行了处理。
“自动换行:断行;” 在bootply(桌面,移动)/ chrome(桌面)/ IE(桌面)中效果很好。但在firefox(桌面/ xs宽度)chrome(移动)android浏览器(Jelly Bean)中超过了屏幕宽度
在sm / md / lg网格表中有许多列。
在xs网格表中仅显示1列,而隐藏其他列。
测试示例代码(http://bootply.com/102163)
<table width="100%" class="table table-condensed table-hover" style="word-wrap: break-word;">
<tbody><tr><td>
long width table ... 그누보드의 이미지 resize javascript를 내용에 맞춰서 반응형으로 ... some
long width table ... 그누보드의 이미지 resize javascript를 내용에 맞춰서 반응형으로 ... some
long width table ... 그누보드의 이미지 resize javascript를 내용에 맞춰서 반응형으로 ... some
</td></tr>
</tbody></table>
Jelly Bean Web浏览器上捕获的红色框。(来源:opencode.co.kr)
使用table-responsive
类。
请尝试以下操作:
<div class="table-responsive">
<table class="table table-striped">
</table>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句