×

CSS控制文字一行显示,多出显示省略号

作者:jiang2019.11.07来源:Web前端之家浏览:1662评论:0
微信公众号

微信公众号

CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。

核心的CSS代码:

text-overflow:ellipsis

具体看个实例就很清楚了。如下:

<!DOCTYPE html>
<html>
<head>
<style> 
div.test
{
white-space:nowrap; 
width:12em; 
overflow:hidden; 
border:1px solid #000000;
}
</style>
</head>
<body>

<p>下面的 div 包含无法在框中容纳的长文本。正如您所见,文本被修剪了。</p>

<p>这个 div 使用 "text-overflow:ellipsis" :</p>

<div class="test" style="text-overflow:ellipsis;">强制不换行,超出显示省略号。
    强制不换行,超出显示省略号。
    强制不换行,超出显示省略号。</div>
</body>
</html>

温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
http://www.miarww.com.cn/article/html23723874982737.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright ? 2019 Web前端之家(www.miarww.com.cn) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.5.2 Zero

时时彩平台哪个好 内蒙古快3走势图 股票可以买大盘吗 河北快三形态走势彩经网 河北11选五全部规则 江苏快3预测推荐和值 太仓东莞市股服务 刘伯温四肖选一肖期期准 msci指数股票名 天津十一选五走势图表 聚富人配资 广东福彩好彩一预测 怎么在线看股票 内蒙古11选五5预测 股票配资选股ˉ杨方配资开户 福彩3d走势图 黑龙江11选五专家推荐