web前端|html教程
html,文字不换行
web前端-html教程
易语言与卡商对接源码,vscode怎么撤销粘贴内容,ubuntu 分区 命令,tomcat 启动死循环,苹果 sqlite,网页设计跑马灯,批量修改ecshop数据库表前缀,佛山服务器托管 bgp,图片裁剪 插件,前端框架管理,小爬虫养殖,php大神,丘仕达seo,读写锁springboot,启明星网站建设,html5是静态网页吗,微信个人中心模板,织梦5.7后台密码破解,水平滚动页面,智睿网络评选管理系统,自动到账程序lzw
javaOA系统源码百度云,vscode 不是php7,ubuntu添加休眠,CXF tomcat8,梦幻cbg爬虫,php-cli php,荥阳网络seo公司哪家好,php企业网站模板免费下载,手机中文网站模板lzw
html设置文字不换行的方法:
公众号加入电影源码,ubuntu如何安装图像,服务器tomcat定时启动,豆瓣爬虫实战,基于PHP的排名系统,seo链接建设lzw
一般的文字截断(适用于内联与块):
.text-oneLine{ display:block; /*内联对象需加*/ word-break:keep-all;/* 不换行 */ white-space:nowrap; /* 不换行 */ overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */ text-overflow:ellipsis; /* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/ }
对于表格,定义有所不同:
table{ width:30px; table-layout:fixed;/* 只有定义了表格的布局算法为fixed,下面td的定义才能起作用。 */ } td{ width:100%; word-break:keep-all;/* 不换行 */ white-space:nowrap;/* 不换行 */ overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */ text-overflow:ellipsis; /* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/ }