1. 程式人生 > >a標簽強制不換行

a標簽強制不換行

前端 url地址 remember 保持 block lin 標簽 a標簽 一個

強制不換行 a{ white-space:nowrap; }

再補充說明所有關於換行的CSS樣式:

white-space: normal|pre|nowrap|pre-wrap|pre-line|inherit;

white-space 屬性設置如何處理元素內的空白

normal 默認。空白會被瀏覽器忽略。

pre 空白會被瀏覽器保留。其行為方式類似 HTML 中的 pre 標簽。

nowrap 文本不會換行,文本會在在同一行上繼續,直到遇到 br 標簽為止。

pre-wrap 保留空白符序列,但是正常地進行換行。

pre-line 合並空白符序列,但是保留換行符。

inherit 規定應該從父元素繼承 white-space 屬性的值。

word-wrap: normal|break-word;

word-wrap 屬性用來標明是否允許瀏覽器在單詞內進行斷句,這是為了防止當一個字符串太長而找不到它的自然斷句點時產生溢出現象。

normal: 只在允許的斷字點換行(瀏覽器保持默認處理)

break-word:在長單詞或URL地址內部進行換行

word-break: normal|break-all|keep-all;

word-break 屬性用來標明怎麽樣進行單詞內的斷句。

normal:使用瀏覽器默認的換行規則。

break-all:允許再單詞內換行

keep-all:只能在半角空格或連字符處換行

標簽: 前端常用

a標簽強制不換行