HTML CSS 表格布局

标签 html css dynamic width css-tables

我在创建合适的表格布局时遇到问题。

我需要表格有一个特定的宽度,有 3 列(目前没有问题)。 问题是我需要第二列只需要其内容的宽度,不能更大,并且该列必须动态适应该内容。

另外两个应该占据表格的剩余宽度。

例子:

---------------------------------------------------------------------------------
|                             |Here is the main text|                           |
---------------------------------------------------------------------------------

最佳答案

DEMO FIDDLE

HTML

<table>
    <tr>
        <td>Row 1 Col 1</td>
        <td>Row 1 Col 2</td>
        <td>Row 1 Col 3</td>
    </tr>
</table>

CSS

table {
    width:100%;
}
td {
    border:1px solid grey;
}
td:nth-child(2) {
    width:1px;
    white-space:nowrap;
}

关于HTML CSS 表格布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20684134/

相关文章:

c# - 如何使表格行横跨最大行的宽度?

css - Julia 笔记本自定义 css

asp.net - LoadControl与构造ASP.Net控件

Java Swing : Getting values from dynamically generated jTabbedPane

html - 下划线粗细

html - 嵌入式 iframe 视频在滚动时与固定导航栏重叠

jquery - 页外滑动面板样式未按预期工作

asp.net - 是否可以显示内联的DetailsView

javascript - 圆边的边框塌陷?

Spring Security 中的动态角色层次结构