如何让一行文本显示一定的宽度，超出省略号代替

最新推荐文章于 2023-12-22 11:36:26 发布

开源技术之家

最新推荐文章于 2023-12-22 11:36:26 发布

阅读量1.8k

点赞数

文章标签： HTML Box

本文链接：https://blog.csdn.net/luckyboyguo/article/details/9635305

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title></title>  
<style type="text/css">  
#box{
    width:100px;
    background-color:#87CEEB;
    padding:2px 3px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}   
</style>  
</head>  
<body>  
  <div id="box">fd之fa星旅馆有限公司系亚洲规模最大的综合性旅游企业集团</div>  
</body>  
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

开源技术之家

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
如何让一行文本显示一定的宽度，超出省略号代替

#box{ width:100px; background-color:#87CEEB; padding:2px 3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} fd之fa星旅馆有限公司系亚洲规模最大的综合性旅游企业集团
复制链接

扫一扫