文本很少时如何使表格宽度完全扩展

Question

I am using Gitbook editor and trying to make all the tables (but each with different length of texts, that's why some of them can be fully extended while others shrinks) equal width in the same page. But when I wrote the following tags in the markdown at the title row of table, it still doesn't work out. Does anyone know how I may fix it? Thank you!

|<table class="fixed" width="100%">公關後勤組</table>|

The appearance remains unchanged from these tags and it goes like the tables in fifth item as in the following link: http://derekya.gitbooks.io/disastermanagementmanual/content/zuo_ye_liu_cheng_v2.html

Answer 1

in your style.css, you have this rule:

.book .book-body .page-wrapper .page-inner section.normal table {
    display: block;
    width: 100%;
    overflow: auto;
}

remove "display: block;" to get the table to its normal display mode and it will expand to fill the width as intended. new rule should look like this :

.book .book-body .page-wrapper .page-inner section.normal table {
    width: 100%;
    overflow: auto;
}