css样式引用时设置width或max-width,截断不换行

最新推荐文章于 2023-01-17 14:25:58 发布

n_meng

最新推荐文章于 2023-01-17 14:25:58 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： css总结

本文链接：https://blog.youkuaiyun.com/n_meng/article/details/56014918

css总结专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种用于显示时间信息的样式设计方法，该方法通过设置特定的CSS属性实现文本的正确显示及溢出处理，确保了信息的一目了然。

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

<span class="span-sep" style="width:50px;color: #B4B0AA;font-size: 14px;float:right;margin-right:10px;">
	<s:property value="%{getText('{0,date,HH:mm}',{createDate})}"/>
</span>

/** 引用时设置width或max-width,截断不换行 **/
.span-sep {
	display: inline-block;
	word-wrap: keep-all;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
	white-space: nowrap;
}