我有一个表格,html
其中有一个称为nota
线性文本的列,但该列负责通过换行来向下容纳它,问题是这个词被剪切了,它可能使用户难以阅读它,因此我想知道是否有办法不剪切它或者在剪切时放置一个“ - ”以便更容易理解,但我找不到方法,如果你帮助我我感谢它,我将代码留在表格和图片中。
HTML
<table class='table table-stripped' border=1 id="table">
<thead class= 'thead-dark'>
<tr>
<th>#</th>
<th style='width: 110px'>Fecha</th>
<th>Documento</th>
<th>Nombre completo</th>
<th>Sede</th>
<th>Siglas</th>
<th style='width: 200px'>Nota</th>
<th style='width: 40px'>Acciones</th>
</tr>
</thead>
<tbody>
<a href="/Jomar/users_control/controller/ControlAsisController.php?action=todos"></a>
<?php
for($i = 0; $i < count($datos); $i++){
$id = $datos[$i]['id_controlAsis'];
$rutaEd = "/Jomar/users_control/controller/ControlAsisController.php?action=editar&id_controlAsis=$id";
$rutaEl = "/Jomar/users_control/controller/ControlAsisController.php?action=eliminar&id_controlAsis=$id";
echo "<tr>";
echo "<td>". ($i+1) ."</td>";
echo "<td> {$datos[$i]['fecha']} </td>";
echo "<td> {$datos[$i]['documento']} </td>";
echo "<td> {$datos[$i]['nombres']} {$datos[$i]['apellidos']} </td>";
echo "<td> {$datos[$i]['sede']} </td>";
echo "<td> {$datos[$i]['siglas']} </td>";
echo "<td style='word-break: break-all; width: 200px; white-space: initial'> {$datos[$i]['nota']} </td>";
echo "<td>
<a href='$rutaEd' class='badge badge-primary'>Editar </a>
<a href='$rutaEl' class='badge badge-warning'>Eliminar </a>
</td>";
echo "</tr>";
}
?>
</tbody>
</table>
Imagen
我认为您遇到的问题是因为您拥有文本的 td 具有样式,我的意思是
这个属性是什么让你打破你的话并把它们扔掉。
你能试着把
这样做的目的是使用框的所有 with 来证明文本的合理性,这将使不适合其长度的单词下降。
干杯
你必须做两件事:
第一个,去掉样式
word-break: break-all
,这个css样式会在到达边距时将单词截断。p
其次,您要显示的文本建议放在or标记内span
。