html - 使用 div 使表格拉伸(stretch)

标签 html css css-tables

检查这个例子:http://jsfiddle.net/RvSK5/ 尝试调整窗口大小...

如何为 stretch 制作表格?和 shrink始终为父元素的 100% 宽度和高度。

如果我们将 div 缩小到非常小的尺寸 <p>防止表格缩小。我该如何解决这个问题?

最佳答案

在您的示例中,段落中的文本阻止表格单元格缩小到父 div 的宽度。假设父 div 可以更宽,只需将 width: 100% 添加到表格即可。

#table{
    border: 1px solid green;
    width: 100%;
}

示例:http://jsfiddle.net/RvSK5/3/

关于html - 使用 div 使表格拉伸(stretch),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15805096/

相关文章:

php - 我们如何才能看到特定视频观看了多少次? (在PHP中)

css - 如何用 CSS 重新排列这些元素?

html - 当父级高度为 100% 时,如何均匀分布不同高度的行?

javascript - Bootstrap 折叠菜单不显示谷歌地图

html - 键盘可访问的下拉菜单不遍历子菜单

jQuery 更改 tr CSS 直到 tr 类不同

html - 如何使用 Angular 将元素保存在数据库容器中?

jquery - 选择链接,自动选中它左侧的复选框

php - 我在将 PHP $_POST 变量插入我的 mysql 表时遇到问题

html - 如何在 View 中的两个单独列中显示标签和值?