html中怎么让td中的字显示在一行

Posted 2023-05-01

1、给相应td添加 white-space:nowrap; 这个属性是设置文字强制不换行
2、在td中添加<nobr>标签，如：
<td><nobr>我是文字我是文字</nobr></td>
<nobr>标签也是设置文字不换行的标签，但是标签内部可以添加换行符，如：
<td><nobr>我是文字我是文字<br>我是第二行的文字</nobr></td> 参考技术A

给相应td添加 white-space:nowrap; 这个属性是设置文字强制不换行

在td中添加<nobr>标签，如：

<td><nobr>我是文字我是文字</nobr></td>

<nobr>标签也是设置文字不换行的标签，但是标签内部可以添加换行符，如：

<td><nobr>我是文字我是文字<br>我是第二行的文字</nobr></td>

参考技术B <td style="text-overflow:ellipsis;word-break:keep-all; white-space:nowrap;">td文字不换行</td>

在JS表格中怎么删除一行（不是指定行，而是我表格中每行后面都有一个删除按钮，按其中一个按钮就删除那一行

<table><tbody>
<tr><td>1111</td><td><input type="button" value="删除" onclick="del(this)" /></td></tr>
<tr><td>2222</td><td><input type="button" value="删除" onclick="del(this)" /></td></tr>
<tr><td>3333</td><td><input type="button" value="删除" onclick="del(this)" /></td></tr>
</tbody></table>

<script type="text/javascript">
function del(obj)

var tr=obj.parentNode.parentNode;//得到按钮[obj]的父元素[td]的父元素[tr]
tr.parentNode.removeChild(tr);//从tr的父元素[tbody]移除tr

</script> 参考技术A 可以给每一个tr加一个id属性<tr id='a'><td></td></tr>，然后当点击删除的时候调用js方法delTr()
<script>
function delTr(id)
$("#a").remove();

</script>
对了，要加载jquery.js插件