破版,很醜!!

Temperature: 0 °C

Mark ChangMark Chang


破版......很醜對不對!!

我想這是所有從事網頁設計師的痛~

這時你需要的是可以輕輕鬆鬆協助你過關的CSS

文字強迫換行
word-break: break-all;

使用方式
.divname
{
background-color: #e0ebee;
width: 100%;
max-width:600px;
word-break: break-all;
overflow: auto;
margin: 18px 0 18px 0 !important;
padding-top: 0px; 
}

注意~max width 600px,這表示最寬你給我到600px就好就給我強迫換行~

當然,若排版需要,你還可以有其他選擇~

依單字換行
word-wrap:break-word;

使用契機?

若使用文字強迫換行,太長的英文字,會自動切成兩半。

這時就得使用依單字換行方式~

另外.......

還有一個,死都不要給我換行的選擇。
white-space:nowrap;

請審慎使用之~

作者簡介

Mark Chang

離不開電腦的宅男

訪客留言

留下一些足跡證明你來拜訪過我

推薦閱讀

作者其他相關類別故事

jQuery resize取得瀏覽器目前視窗寬度

jQuery resize取得瀏覽器目前視窗寬度

pexelsphotokeyboard 在使用CSS調整RWD顯示時~ 也可以使用...

使用jquery判斷上傳檔案大小

使用jquery判斷上傳檔案大小

首先得引用jquery var fileSize = document....

fancybox close的方式

fancybox close的方式

parent.$.fancybox.close(); parent.jQuery....

請選擇選項

執行錯誤

Hi,謝謝你的參與,但無法重複投票哦~