Question

我只是想知道table的属性是什么让它无法扩展？反之亦然<td>内容？（垂直而不是水平）？

<div class="container">
<div class="panel panel-default">
<div class="panel-heading"><b>Implementation/Migration Plan</b></div>
<div class="panel-body">
<table class="table table-condensed">
<thead>
<tr>
<th>Activities</th>
<th>Duration</th> 
<th>Responsible</th>
<th>Back-out Procedure</th>
<th>Remarks</th>
</tr>
</thead>
<tbody>
<tr>
<td contenteditable='true'></td>
<td contenteditable='true'></td>
<td contenteditable='true'></td>
<td contenteditable='true'></td>
<td contenteditable='true'></td>
</tr>

目前，我没有表属性，每当我在其中输入长字符串时，它都会水平扩展thead和tbody。我只是想知道如何调整输入大小

Answer 1

使用css：

<style>
td {
  width: 100px;
  word-break: break-all;
  border: 1px solid black;
}
</style>

这将控制要垂直扩展的文本（用word-break打破长字符串。）

我怎样才能使表格无法扩展？或垂直扩展内容

1 个答案: