Table里td中的文本过长,设置不换行,随内容同行显示(转载)

简介: 当td中内容过长时,内容会溢出,换行显示,美观超级差,在td里设置这个属性 "white-space:nowrap   就可以解决排版问题啦           非法闯入闯出亮灯处理:  不美观的样式:               美观的样式:   另外,nowrap属性可以用在很多标签里面哦,美化排版效果。

 当td中内容过长时,内容会溢出,换行显示,美观超级差,在td里设置这个属性 "white-space:nowrap   就可以解决排版问题啦

           <td style="white-space:nowrap">非法闯入闯出亮灯处理:</td>

 

 不美观的样式:

              

 

美观的样式:

 

  另外,nowrap属性可以用在很多标签里面哦,美化排版效果。

 

相关文章
|
PHP 开发工具
PHP对接苹果支付全流程
PHP对接苹果支付全流程
1732 0
PHP对接苹果支付全流程
解决异常 java.net.URISyntaxException: Illegal character in query at index
解决异常 java.net.URISyntaxException: Illegal character in query at index
1732 0
|
缓存 Java
java把InputStream流写入到文件中
java把InputStream流写入到文件中
464 0
|
存储 Linux Windows
在Linux中,如何查看linux中内存使用率最高的进程?
在Linux中,如何查看linux中内存使用率最高的进程?
|
关系型数据库 Java 数据库
PostgreSQL性能
【8月更文挑战第5天】PostgreSQL性能
392 7
|
存储 Java API
如何在 Java 中创建 ArrayList 列表?
【8月更文挑战第23天】
444 0
|
JavaScript
我对computed的理解-以及computed的传参
我对computed的理解-以及computed的传参
|
开发框架 前端开发 Android开发
【Flutter 前端技术开发专栏】Flutter 与原生模块通信机制
【4月更文挑战第30天】本文探讨了Flutter作为跨平台开发框架与原生Android和iOS交互的必要性,主要通过方法调用和事件传递实现。文中详细介绍了Flutter与Android/iOS的通信方式,数据传输(包括基本和复杂类型),性能优化,错误处理以及实际应用案例。理解并掌握这一通信机制对开发高质量移动应用至关重要,未来有望随着技术发展得到进一步优化。
383 0
【Flutter 前端技术开发专栏】Flutter 与原生模块通信机制
|
前端开发 搜索推荐 UED
【Flutter前端技术开发专栏】Flutter中的高级UI组件应用
【4月更文挑战第30天】探索Flutter的高级UI组件,如`TabBar`、`Drawer`、`BottomSheet`,提升应用体验和美观度。使用高级组件能节省开发时间,提供内置交互逻辑和优秀视觉效果。示例代码展示了如何实现底部导航栏、侧边导航和底部弹出菜单。同时,自定义组件允许个性化设计和功能扩展,但也带来性能优化和维护挑战。参考Flutter官方文档和教程,深入学习并有效利用这些组件。
571 0
【Flutter前端技术开发专栏】Flutter中的高级UI组件应用