0
0
PHPz
发布时间：2017-06-06 09:26:32
|3486人浏览过
|来源于php中文网
原创
标题字数超出场景：
最左边这栏我不行让他换行，怎么办呢？
步骤一：内容超出宽度时隐藏超出部分的内容
步骤二：当对象内文本溢出时显示省略标记(...)
立即学习“前端免费学习笔记（深入）”；
下面是解决办法：
table{
width:100px;
table-layout:fixed;/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
}
td{
width:100%;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/【相关推荐】
2. css解决文本字数超出显示省略号…的方法（单行、多行文本）
3. 在线css免费视频教程
相关文章
css 想快速实现卡片组件样式怎么办_使用 css tailwind 预设组件类实现
css 响应式网页中卡片高度不一致怎么办_通过统一内容结构实现稳定布局
css 想给表格隔行设置不同颜色怎么办_nth-child 配合 background-color
css currentcolor 是什么颜色值_利用继承机制说明颜色取值规则
css 垂直居中布局_使用 flexbox 和 grid 实现元素垂直居中
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
