Question

I have a html table which I would like to control the sizes of the cell manually. I am getting confused about how its supposed to work. First of all, there is a css attribute "table-layout" which is supposed to control whether or not the cell size is automatically set to the largest content in the column or to a fixed size. I tried setting the css width for the td elements using both table-layout=auto and =fixed, and both times the content shrinked from its original size. The problem is that it didn t shrink to the size I wanted to using either value for table-layout. Here is my css code:

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;}

第二,自动排位规则究竟是什么? 如果所有表层单元的内容一到一页,是否有一栏将首先缩小? 它们是否会消失?

Answer 1

一种可能帮助的想法是,如果你在每一个囚室都有联系,就把这种联系确定为:

a { display: block; width: 30px; }

对于表层中每个囚室而言,如果是这样的话,你就会有固定住处的桌子。规定:

Answer 2

I am still unsure what your problem is, but you could try {table-layout:inherit;} This should get the size from the parent element. Also, you could insert the css element into the html and have it override any other elements by preceding it with a ! {class="!width:300px;"}

希望这一帮助。

友情链接