html关于不换行代码
2024-08-31 08:07:55
类似这种效果 这是基于a标签 不是用table实现的
<a style="display: inline-block;white-space:nowrap;width: 100px;overflow:hidden;" href="">{{row.username}}</a>
以上就可以实现图片效果
display: inline-block 将行内标签属性赋予块级标签 块级标签属性赋予行内标签 white-space:nowrap 不换行
overflow:hidden 表示超过行会自动隐藏超过部分
text-overflow:ellipsis; 超出行宽度时显示省略号 要和overflow:hidden一起使用 如果是table标签
只需定义table{ table-layout:fixed;}
<a style="display: inline-block;white-space:nowrap;width: px;word-break:keep-all;overflow:hidden;" href="/cmdb/userdetail-{{row.id}}">{{row.username}}</a>
最新文章
- Django入门2
- Atitit 项目管理（5）----------后勤管理与工具链支持管理
- （转）C#进行图像处理的几种方法（Bitmap,BitmapData,IntPtr）
- VB，VBS，VBA，ASP可引用的库参考
- 【Android 开源】：最火的Android开源项目 第02期
- spring+hibernate删除单条记录的几种方法
- 一个简单的RPC框架
- CentOS的KVM实践（虚拟机创建、网桥配置、Spice）
- JS中Exception处理
- Unity 检测物体是否在相机视野范围内
- JAVA_SE基础——57.有了包之后类与类之间的访问使用import语句
- 学习jQuery必须知道的几种常用方法
- android 开发 View _12_ 用Canvas 绘制一张图片（博客中演示用Canvas画验证码图片）
- POJ-3107 Godfather 求每个节点连接的联通块数量
- [Word]让字符重合显示
- var与dynamic
- 评微软收购GitHub
- Hadoop namenode启动瓶颈分析
- 20155329胡佩伦 《Java程序设计》第3周学习总结
- Ubuntu上开启Apache Rewrite功能的方法