css实现只显示一行强制不换行超出用...表示

文章目录[隐藏]

css实现只显示一行强制不换行超出用…表示

关键词：css,不换行

css实现只显示一行强制不换行超出用…表示

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.single-row {
    width:200px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
</style>
</head>
<body>
<div class="single-row" style="background-color:#CCC"> 搞代码wwwgaodaimacom电影《小时代》根据郭敬明同名小说《小时代》改编，由郭敬明编剧及导演，由被誉为"台湾偶像剧教母"柴智屏监制，安晓芬与崔震东制片，人气影星杨幂、柯震东、郭采洁等领衔主演。该片以经济飞速发展的上海这座风光而时尚的城市为背景，讲述了林萧、南湘、顾里、唐宛如四个从小感情深厚、有着不同价值观和人生观的女生，先后所经历的友情、爱情，乃至亲情的巨大转变。电影将分二集公映，分别定名为《小时代》、《小时代2：青木时代》，两片分别于2013年06月27日与2013年08月08日上映。 </div>
</body>
</html>

来源搞代码网《css实现只显示一行强制不换行超出用…表示》http://www.gaodaima.com/68513.html

搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：css实现只显示一行强制不换行超出用…表示