草庐IT

Table表格

全部标签

html - 为什么宽度是: 100% not working on div {display: table-cell}?

我正在尝试将覆盖图像幻灯片(flexslider)的一些内容垂直和水平居中。有一些与此类似的问题,但我找不到直接适用于我的特定问题的令人满意的解决方案。由于FlexSlider的限制,我无法在实现中的img标签上使用position:absolute;。我几乎有下面的解决方法。唯一的问题是我无法使用display:table-cell属性在inner-wrapperdiv上使用宽度和高度声明。这是标准行为,还是我的代码遗漏了什么?如果这是标准行为,那么什么是解决我的问题的最佳方法?HTMLMyTitleSubtitleCSShtml,body{margin:0;padding:0;wi

html - 表格单元格中文本的垂直对齐方式

这是我的表格的一部分(它是一个表格):这只是两个在中.我试图将Description放在顶部,放在表格单元格的顶部,而不是放在底部。我该怎么做? 最佳答案 td.description{vertical-align:top;}其中description是包含该文本的td的类名td.description{vertical-align:top;}Description或内联(yuk!)Description 关于html-表格单元格中文本的垂直对齐方式,我们在StackOverflow上找

html - 表格单元格中文本的垂直对齐方式

这是我的表格的一部分(它是一个表格):这只是两个在中.我试图将Description放在顶部,放在表格单元格的顶部,而不是放在底部。我该怎么做? 最佳答案 td.description{vertical-align:top;}其中description是包含该文本的td的类名td.description{vertical-align:top;}Description或内联(yuk!)Description 关于html-表格单元格中文本的垂直对齐方式,我们在StackOverflow上找

html - 高度 : 100% for <div> inside <div> with display: table-cell

这是使用display:table和display:table-cellCSS声明的2列标记:.table{display:table;}.cell{border:2pxsolidblack;vertical-align:top;display:table-cell;}.container{height:100%;border:2pxsolidgreen;}TextTextTextTextTextTextTextTextText但是.containerblock不会垂直填充父单元格。这是JsFiddle上的示例:http://jsfiddle.net/MGRdP/2.我有什么|我需要什

html - 高度 : 100% for <div> inside <div> with display: table-cell

这是使用display:table和display:table-cellCSS声明的2列标记:.table{display:table;}.cell{border:2pxsolidblack;vertical-align:top;display:table-cell;}.container{height:100%;border:2pxsolidgreen;}TextTextTextTextTextTextTextTextText但是.containerblock不会垂直填充父单元格。这是JsFiddle上的示例:http://jsfiddle.net/MGRdP/2.我有什么|我需要什

html - 使表格单元格中的链接填充整个行高

我有一个数据表,每个单元格都是一个链接。我想让用户单击表格单元格中的任意位置并让他们点击链接。有时表格单元格不止一行,但并非总是如此。我使用tda{display:block}来获取覆盖大部分单元格的链接。当一行中有一个单元格是两行而其他单元格只有一行时,一行不会填满表格行的整个垂直空间。这是示例HTML,您可以在此处查看实际效果http://www.jsfiddle.net/RXHuE/:td{width:200px}tda{display:block;height:100%;width:100%;}tda:hover{background-color:yellow;}Cell1se

html - 使表格单元格中的链接填充整个行高

我有一个数据表,每个单元格都是一个链接。我想让用户单击表格单元格中的任意位置并让他们点击链接。有时表格单元格不止一行,但并非总是如此。我使用tda{display:block}来获取覆盖大部分单元格的链接。当一行中有一个单元格是两行而其他单元格只有一行时,一行不会填满表格行的整个垂直空间。这是示例HTML,您可以在此处查看实际效果http://www.jsfiddle.net/RXHuE/:td{width:200px}tda{display:block;height:100%;width:100%;}tda:hover{background-color:yellow;}Cell1se

html - 如何设置表格单元格的最大高度?

我有一个固定宽度和高度的表格单元格,如果文本太大,单元格大小应该保持不变,文本应该被overflow:hidden隐藏。div{display:table-cellheight:100px;width:100px;overflow:hidden;vertical-align:middle;}但是,如果添加的文本过多,表格单元格会扩展到100像素以上。有什么技巧可以防止它膨胀吗?文本长度应为几行,因此“white-space:nowrap”解决方案不适用 最佳答案 通过CSS2.1rules,表格单元格的高度是“内容所需的最小高度”。

html - 如何设置表格单元格的最大高度?

我有一个固定宽度和高度的表格单元格,如果文本太大,单元格大小应该保持不变,文本应该被overflow:hidden隐藏。div{display:table-cellheight:100px;width:100px;overflow:hidden;vertical-align:middle;}但是,如果添加的文本过多,表格单元格会扩展到100像素以上。有什么技巧可以防止它膨胀吗?文本长度应为几行,因此“white-space:nowrap”解决方案不适用 最佳答案 通过CSS2.1rules,表格单元格的高度是“内容所需的最小高度”。

html - 表格布局为 : fixed; and how to make one column wider 的表格

所以我有一张这样风格的table:table-layout:fixed;这使得所有列的宽度相同。我希望有一列(第一列)更宽,然后其余列以相等的宽度占据表格的剩余宽度。如何实现?table{border-collapse:collapse;width:100%;border:1pxsolidblack;background:#ddd;table-layout:fixed;}tableth,tabletd{border:1pxsolid#000;}tabletd.wideRow,tableth.wideRow{width:300px;}RezervovaneautaAuto01234567