layui的html设置超出部分隐藏，鼠标移上去显示全部

Mr_Yanghao

于 2019-11-05 11:11:20 发布

阅读量3.3k

点赞数 1

本文链接：https://blog.youkuaiyun.com/Mr_Yanghao/article/details/102912234

版权

本文探讨了在layui框架下如何自定义表格单元格的样式，包括宽度、高度、溢出隐藏等属性，以及如何使用title属性提供额外的信息展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div  class="layui-table-cell" title="{$v.name}" style="width: 200px; height: 20px; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;">
    {$v.name}
</div>