html表格怎么设置浮动,html – 表格布局和浮动左和引导网格

我已经研究过这个问题,但没有得到令人满意的答案.我正在使用bootstrap的网格布局.

请查看Fiddle here并调整输出窗口的大小 – 在调整大小时,您可能已经注意到当寡妇大小足以添加col-sm-classes时,我的表格布局会中断.

我想要的是两列的高度在它们彼此相邻时(最大元素的高度)应该是相同的,并且当它们彼此顶部/底部时,它们应该采用它们自己的高度(现在正在工作).

HTML

abcde

abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde abcde

CSS

.architect-table {

display: table;

width: 100%;

}

.row {

display: table-row;

}

.cell {

display: table-cell;

min-height: 44px;

border: 1px solid black;

}

但是我知道,如果我删除float：left style,一切都会正常工作.但我不能因为我想要一个bootstrap的网格布局.任何帮助,将不胜感激.

html表格怎么设置浮动,html – 表格布局和浮动左和引导网格相关推荐

CSS浮动/常见网页布局/清除浮动/学成在线案例
CSS 04 1. 浮动(float) 1.1 传统网页布局的三种方式网页布局的本质--用 CSS 来摆放盒子. 把盒子摆放到相应位置. CSS 提供了三种传统布局方式(简单说,就是盒子如何进行排列 ...
php表格之间设置间隔,html表格如何设置间距
html表格设置间距的方法:1.设置第一个tbale的[margin-bottom]属性,代码为[ 本教程操作环境:windows7系统.html5版,DELL G3电脑,该方法适用于所有品牌电脑. ...
markdown 表格样式设置（跨行表格，背景色等）
点击这里跳转到文末的颜色列表. 表格背景色之前讲过可以给文字添加底色(详情点击这里),那么表格里的某个格子如何设置背景色呢? 举例解释: <table><tbody>< ...
html表格一行设置颜色,更改表格中一行的颜色，html
我想用html和css制作表格.但我的问题是,我希望桌子有两种颜色的行,一个橙色和一个白色....我使用JavaScript来填充表格.但我不能改变颜色在第二种情况下.什么sintax我应该使用使用J ...
Latex/overleaf表格旋转、表格高度宽度、表格行间距设置
摘要:写论文时,表格过宽,需要逆时针旋转90度.以及旋转90度后表格又有点小,想表格适合页面,再调整一下表格高度和宽度.找了几个小时,最终解决问题.现整理备份一下. 文章目录一.表格旋转设置二.表 ...
html消除图之间间距,html表格间距怎么取消 html 表格行之间的间距怎么设置
html怎么去掉表格与表格之间的间距添加 cellspacing="0" 即可. 第一行第一列第一行第二列第一行第三列第二行第一列第二行第二列第二行第二列效果如下: 使用Html ...
C#Winform的DataGridView控件使用详解2—DataGridView表格样式设置及表格操作
C#Winform的DataGridView控件使用详解2-DataGridView表格样式设置及表格操作 DataGridView表格样式设置 DataGridView行序号设置右键弹出控件表格操 ...
relativelayout设置边框_Android表格布局之设置边框
Android表格布局本身没有边框,不过可以通过背景色的设置可以实现表格边框的显示. 首先可以设置TableRow的背景色,然后设置内容的背景色.根据它们的颜色差就出现了边框.只要微调Content与 ...
rowspan table布局_rowspan设置的是表格的
html表格设置了固定表头导致rowspan列在页面上无法写错了呗导致表格错位你可以把整个代码发给我我帮你调试一下 HTML中表格合并单元格后怎么把文字垂直居中 =_("任务名称&qu ...

html表格怎么设置浮动,html – 表格布局和浮动左和引导网格

html表格怎么设置浮动,html – 表格布局和浮动左和引导网格相关推荐

最新文章

热门文章