我有一个html表,我想手动控制单元格的大小。我对它应该如何工作感到困惑。 首先,有一个css属性“table-layout”,它可以控制单元格大小是自动设置为列中的最大内容还是固定大小。我尝试使用table-layout = auto和= fixed来设置td元素的css宽度,并且两次内容都从原始大小缩小。问题是它没有缩小到我想要使用表格布局值的大小。 这是我的css代码:
table {table-layout:fixed;}
tr, td {border-style:solid;
border-width:2px;}
.coursename{width:50px;}
.startdate {width:5px;}
.isbn{width:10px;}
.author {width:20px;}
.booktitle{width:10px;}
其次,自动表格布局的具体规则是什么?如果所有表格单元格的内容一起超过页面大小,是否会有某些列首先缩小?它们会缩小吗?
答案 0 :(得分:1)
一个可能有用的想法是,如果你在每个单元格中有一个链接,例如,设置如下链接:
a { display: block; width: 30px; }
对表格行中的每个单元格执行此操作,您将拥有固定宽度的表格单元格。只要您修改了表格的宽度......:)
答案 1 :(得分:0)
我仍然不确定你的问题是什么,但你可以试试 {表格的布局:继承;} 这应该从父元素获得大小。 此外,您可以将css元素插入到html中并使其覆盖任何其他元素,方法是在其前面添加! {类= “宽度:300像素;”}
希望这有帮助。