Question

我尝试创建一个固定宽度为350px的表，并使用20％宽度的左列和右列中的数据表。这不起作用，因为数据表推动表格大于350px宽，左列小于20％

<table width="350">
<tr>
    <td width="20%"> Left TD <td>
    <td width="80%"> Datatable </td>
</tr>
</table>

Answer 1

使用宽度百分比例如

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="switches">
  <div id="switch1" class="switch">test</div>
  <div id="switch2" class="switch on-9876597856978">test</div>
  <div id="switch3" class="switch on-jhg675">test</div>
  <div id="switch4" class="switch">test</div>
  <div id="switch5" class="switch on-876uyg">test</div>
  <div id="switch6" class="switch on-kjhg76gt9">test</div>
  <div id="switch7" class="switch">test</div>
</div>

Answer 2

<table width="350px" border="1">
<tr>
    <td width="20%"> Left TD <td>
    <td width="80%"> Datatable </td>
</tr>
</table>

使用width="350px"和border="1"会让它看起来不错。试试这个

Answer 3

问题是页脚中的选择元素，设置此项并根据您的需要进行调整

<强> CSS

select{
    width: 100%;
}

<强> DEMO HERE

Answer 4

你最好使用css来自定义你的表，并处理宽度，最大宽度，最小宽度......还要注意数据表将样式表应用到你的表中。您可以通过右键单击表头并查看＆＃34;检查元素＆＃34; （大多数导航器都有此选项）。请参阅此帖子，我们应该回答您的问题：CSS: Truncate table cells, but fit as much as possible

数据表强制宽度表

4 个答案: