html - 如何将 HTML 表格宽度限制为屏幕宽度的 95%?

标签 html css width css-tables

如何将 HTML 表格宽度限制为屏幕宽度的 95%?

我正在使用

<style type="text/css">
table {
  max-width:95%;
  border-collapse:collapse;
  ...
}
...

但生成的 HTML 页面的表格宽度大于屏幕宽度(1440x900 屏幕),并且页面底部出现滚动条。

最佳答案

使用样式

width: 95%;

相反。另外,根据您的意图,考虑样式

width: 100%;
margin-left: 10px;
margin-right: 10px;

为了更好的布局。我只是在这里猜测,但固定 table 和 window 边缘之间的距离似乎是个好主意。否则边距将在您调整大小时动态更改。

关于html - 如何将 HTML 表格宽度限制为屏幕宽度的 95%?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11530233/

相关文章:

html - 扩展 sidenav 时 CSS Hamburger 不旋转

html - 标题标签位置与 html 页面相关吗?

html - 为什么我的 font-size 是 62.5% 高度是 1.6rem 时 font-height 等于 20px?

javascript - 如何制作拖动条来改变垂直高度?

css - 相对于父级父级的 css 大小

html - 如何在css中选择被点击的输入

javascript - 使用 JavaScript 选择圆上的点

javascript - 如何使用 jQuery 更改嵌套表 td 边框宽度?

css - 为什么 CSS 固定定位不只考虑视口(viewport)?

HTML 和 CSS 按钮对齐