DIV CSS 佈局教程網

設為首頁 加入收藏
 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS省略號代碼詳解
CSS省略號代碼詳解
編輯：CSS詳解     
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xHtml1-transitional.dtd">
  2. <Html XMLns="http://www.w3.org/1999/xHtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/Html; charset=utf-8" />
  5. <title>CSS省略號代碼</title>
  6. <style type="text/CSS">
  7. *{
  8.     margin:0;
  9.     padding:0;
  10. }
  11. body{
  12.     padding:10px;
  13.     font-family:Arial;
  14. }
  15. #ididid{
  16.     position:relative;
  17.     width:150px;
  18.     height:20px;
  19.     line-height:20px;
  20.     text-overflow:ellipsis;
  21.     white-space:normal;
  22.     *white-space:nowrap;
  23.     overflow:hidden;
  24.     border:1px solid #999;
  25. }
  26. #ididid span{
  27.     position:absolute;
  28.     top:0;
  29.     right:0;
  30.     display:block;
  31.     float:left;
  32. }
  33. #ididid span:after{content:"...";}
  34. </style>
  35. </head>
  36. <body>
  37. <div id="ididid">歡迎來到程序員部落<span></span></div>
  38. </body>
  39. </Html>
CSS詳解
CSS的常用技巧放送
 CSS的常用技巧放送(一)一.使用CSS縮寫使用縮寫可以幫助減少你CSS文件的大小，更
企業網站常用中英文對照
公司
網頁設計學習教程:CSS盒模型
網頁設計中的每個元素都是長方形的盒子。盒子的尺寸是怎樣精確計算的，請看下圖：如果是 Firebug

相關文章

CSS基礎知識Sass教程CSS3基礎關於CSSCSS進階教程DIV十CSS布局CSS特效代碼CSS詳解
小編推薦
CSS有趣實例:讓整個網頁翻轉效果 CSS Alpha透明代碼相關知識學習 剖析CSS margin-right屬性用法 CSS常用的十幾個技巧(4) 高效CSS開發核心要點 DivCSS實例：一個效果很不錯的CSS列表 CSS3實例應用:制作照片長廊 CSS濾鏡詳解 導致一些問題的overflow CSS網頁制作教程:鼠標指向時DIV區域放大
熱門推薦
CSS常用的十幾個技巧(1) CSS制作的“彈出式”圖像浏覽器特效 CSS Hack整理 用css來控制圖片大小顯示的實現方法與代碼 用CSS實現漸變透明效果 dashed和dotted的區別 下拉菜單網頁特效，效果很不錯而且符合Web標准 DIVCSS實例：橙藍互換的CSS翻頁效果 最基本的條狀圖表
大家都在看
javascript獲取select的當前值示例代碼 不同的jQuery API來處理不同的浏覽器事件 讓jQuery與其他JavaScript庫並存避免沖突的方法 CSS裡定義body{ }和定義*{ }的區別 前端開發自動化優化工具 網站的開發流程:前端的敏捷開發 js實現動畫特效的文字鏈接鼠標懸停提示的方法 視覺設計:60個蘋果風Web設計案例
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved