您的位置：首页 > Web前端 > HTML

html文字超越宽度显示省略号

2015-01-07 15:01 211 查看
<style>

* {margin:0; padding:0; list-style:none; }

body{    font-family: 宋体;    font-size: 12px;}

#box{width:200px;border:1px green solid;}

#box span{display:block;overflow:hidden;float:left;width:156px;*width:180px; white-space:nowrap; text-overflow:ellipsis; }

#box:after{content:"..."}

</style>

</head>

<body>

<div id="box"><span>我是文字，我很长很长很长很长很长很长很长很长很长1111111111111111111111111111111</span></div>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html
相关文章推荐
新的分享
章节导航