html - 显示 : table doesn't respect width

标签 html css

我需要使用 display: table 使内容居中显示

这是我的代码:JSFIDDLE

我需要让“表格”适合所有屏幕。但是如果 centered 不仅仅是屏幕,表格会变得太大并且忘记 height: 100%。如何使表格和居中不超过屏幕,如果超过屏幕则添加滚动条?

最佳答案

这是因为您将 .container 的高度设置为 100px 而不是 100 %

你想让它垂直和水平居中吗?

关于html - 显示 : table doesn't respect width,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34449160/

相关文章:

html - 文本不在 div 中呈现

javascript - React 和 Flex 布局如何使用它们

css - firefox 不将 css 转换应用于子元素

javascript 脚本隐藏在源 View 中

javascript - 使用 Javascript 单击时使动态创建的单元格的内容变为粗体

html - CSS 文件拒绝链接到 HTML 文件

javascript - 通过JS删除HTML的节点

html - 你能用 "display: inline"覆盖内部 <div> 吗

javascript - 点击悬停区域中的链接会在触摸时立即激活

css - Html 帮助器标签不显示 id