跳到主要內容

超過寬度的變... 

text-overflow:ellipsis;
white-space:nowrap;
兩者一定要搭配。
標籤：

留言

張貼留言

這個網誌中的熱門文章

安裝webmin

Webmin是一套透過網頁的界面來維護linux主機各項伺服器的程式，非常的好用方便。 其安裝方式如下： 1. 在yum.repos.d資料夾下新增一個設定檔。     vi /etc/yum.repos.d/webmin.repo     [Webmin]       name=Webmin Distribution Neutral       baseurl=http://download.webmin.com/download/yum       enabled=1 2. 匯入GPGkey     rpm --import http://www.webmin.com/jcameron-key.asc     如果系統顯示匯入失敗。可改下列做法     wget http://www.webmin.com/jcameron-key.asc     rpm --import jcameron-key.asc 3. 執行安裝     yum install -y webmin 4. 設定使用者及密碼     /usr/libexec/webmin/changepass.pl /etc/webmin 帳號 密碼
張貼留言
閱讀完整內容

CSS 文字效果

text-decoration 於 CSS 中定義為設定 文字效果 屬性有： 1. none ─ 預設值 2. overline ─ 文字標上線 3. underline ─ 文字標底線 4. line-throughx ─ 文字標刪除線 5. blink ─ 文字閃爍
張貼留言
閱讀完整內容

Colorbox 使用筆記

Colorbox 詳細使用說明請參考 a jQuery lightbox 情境一： 當開發RWD網頁時，我想將 lightbox 的寬度依顯示螢幕的寬度來決定。 想讓 lightbox 的內容不會太擁擠或太空洞。 <script> var deviceWidth = 0; $(function() { deviceWidth = $(window).width(); $(window).resize(function(){ deviceWidth = $(window).width(); }); }); function showMessage() { var colorboxWidth = "100%"; if (deviceWidth > 767) { colorboxWidth = "70%"; } $.colorbox({innerWidth: colorbox}); } </script> 情境二： 為了讓使用者確實閱讀完 lightbox 內的訊息，想將關閉 lightbox 的熱鍵移除。 <script> function showMessage() { $.colorbox({ escKey: false,  // 按下esc鍵關閉 Colorbox 視窗 arrowKey: false,  // 按下方向鍵關閉 Colorbox 視窗 overlayClose: false  // 在背景遮罩點一下滑鼠左鍵，關閉 Colorbox 視窗 }); } </script> 情境三： 當 Lightbox 內的訊息太長，或需要互動性質的內容，開啓 iframe 功能，互動換頁才不會讓整個網頁換掉。 <script> function showMessage() { $.colorbox({ escKey: false, arrowKey: false, o...
張貼留言
閱讀完整內容