关于table固定宽高以及td内容过长换行的解决办法

今天做项目时碰到个头疼的问题，最后找到解决办法，自己做个备忘！

如果td中字太多，而且不想换行显示的话，可以按照如下进行设置：

<table style="width:100px;height:60px;border:blue solid 1px;  table-layout:fixed;">
<tr>
<td align="center" style="overflow:hidden;white-space: nowrap;">
好长啊！好长啊~~~！好长啊！好长啊~~~！好长啊！好长啊~~~！好长啊！好长啊~~~！
</td>
</tr>
</table>

如果想让隐藏的内容用"..."代替的话，按照如下进行设置：

<table style="width:100px;height:60px;border:blue solid 1px;  table-layout:fixed;">
<tr>
<td align="center" style="overflow:hidden;white-space: nowrap;text-overflow:ellipsis;">
好长啊！好长啊~~~！好长啊！好长啊~~~！好长啊！好长啊~~~！好长啊！好长啊~~~！
</td>
</tr>
</table>

关于table固定宽高以及td内容过长换行的解决办法相关推荐

[css] 写出在不固定宽高的元素在固定高度的情况下水平垂直居中的方法
[css] 写出在不固定宽高的元素在固定高度的情况下水平垂直居中的方法 flex布局:还有就是可以用定位也可以实现等等: flex:父div:{display:flex: justify-conten ...
html子布局不超出父布局,详解flex布局中保持内容不超出容器的解决办法
在移动端,flex 布局很好用,它能够根据设备宽度来自动调整容器的宽度,用起来很方便,已经越来越离不开它,但是最近在做项目的时候发现一个问题. 就是在一个设置了 flex:1 的容器中,如果文字很长, ...
flex布局中，保持内容不超出容器的解决办法
本文转载链接:https://blog.csdn.net/zgh0711/article/details/78270555 在移动端,flex 布局很好用,它能够根据设备宽度来自动调整容器的宽度,用起 ...
Microsoft Help Viewer help查看器所需的内容文件缺失或者损坏解决办法
help查看器所需的内容文件缺失或者损坏解决办法: 之前将VS2012的MSDN文档移动了目录,放在D盘,VS2012 在更新完 Update1补丁后,打开帮助查看器,报错 "help查看 ...
移动端图片自适应，img固定宽高，怎么解决不同尺寸图片显示会变形的问题
方案1: 根据图片实际宽高和需要显示的容器宽高等比例拉伸或缩小1.父容器如div设置固定width和height,设置 overflow: hidden,设置相对定位;2. img设置绝对定位,设置最 ...
ie8下table th和td宽度width设置不生效解决办法
ie8下table th和td宽度有时候设置无效,不按设定的宽度显示,怎么办? 这种情况一般分为两种: 第一种,某td的内容很多,需要换行,将td撑开了.这种情况还比较好处理,只要给td设置css属性 ...
html中td 的值不换行符,解决英文字母在td标签中不换行的问题
解决长串英文字母显示不能自动换行的问题和td中汉字自动换行 && CSS强制不换行例如:asdfsdfsdfdsf不能处理自动换行,将表格伸的很长很长,而汉字字符却可以自动换行. 原 ...
Latex表格中内容过长换行方法
很多人都写过同样的方法,只是很多人解释的不够清楚,操作不够明白,所以我把这个操作过程再讲一遍. step 1. 在\begin{document} 这一行上面添加一行,先把环境准备好 \newcomm ...
table中的td内容过长显示为固定长度，多余部分用省略号代替
如何使td标签中过长的内容只显示为这个td的width的长度,之后的便以省略号代替. 给table中必须设置属性: table-layout: fixed; 然后给 td 设置: white-spac ...
鲜为人知的object-fit属性，让您的img图片不再因为固定宽高而被拉伸压缩
object-fit CSS 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框. 您可以通过使用 object-position 属性来切换被替换元素(如:<iframe> ...

关于table固定宽高以及td内容过长换行的解决办法

关于table固定宽高以及td内容过长换行的解决办法相关推荐

最新文章

热门文章