CSS實現只顯示一行 強制不換行 超出用...表示

dy223 9年前發布 | 6K 次閱讀 HTML 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"> 電影《小時代》根據郭敬明同名小說《小時代》改編，由郭敬明編劇及導演，由被譽為"臺灣偶像劇教母"柴智屏監制，安曉芬與崔震東制片，人氣影星楊冪、柯震東、郭采潔等領銜主演。該片以經濟飛速發展的上海這座風光而時尚的城市為背景，講述了林蕭、南湘、顧里、唐宛如四個從小感情深厚、有著不同價值觀和人生觀的女生，先后所經歷的友情、愛情，乃至親情的巨大轉變。電影將分二集公映，分別定名為《小時代》、《小時代2：青木時代》，兩片分別于2013年06月27日與2013年08月08日上映。 </div>
</body>
</html>

 本文由用戶 dy223 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！