單行文字兩端對齊

2022-03-04 14:02:09 字數 696 閱讀 8778

姓名:

我是路人甲

優 惠 券

:-200元

white-space: pre這個值「prevents user agents from collapsing sequences of white space」[1],它相當於讓普通空格實現了一些人們常常用 nbsp 實現的事情。受這條 css 屬性控制的普通空格當然也會受字型渲染的影響——在和字型的關係方面,普通空格和 nbsp 沒什麼區別。

之前問題補充說明中提到的情況,應該有這兩種方案可以考慮:

另外,有人提到了「text-align: justify」,這個不太好用。因為,據我所知,css3 之前它在 ie 之外的許多瀏覽器裡不會對中文字元有效果(css3 裡明確定義了這個值對 cjk 字元的效用,所以最新的瀏覽器開始支援了),除非你在兩個字中間加上乙個普通空格(但這樣還不如用全形空格那麼乾淨),而且還得建立乙個寬度固定的 box。

我想,這個問題中最關鍵的一點在於眾所周知的「內容和格式分離」,這也是 css 為 html 以及網際網路帶來的最大變革。 這是前端工程師們必須理解的——支不支援就是另一回事了。

我們應該明白:

文字兩端對齊

學習貼 最近在工作專案中接觸到web介面設計的問題,要實現文字兩端對齊的效果。在網上搜尋了一下,用的都是類似的技巧 text align justify text justify inter ideograph 我遇到問題是 看不到效果,無論是英文還是中文,在ie和chrome下都不起作用。還好在s...

css text align文字兩端對齊

text align start end left right center justify match parent justify all justify 內容兩端對齊,但對於強制打斷的行 被打斷的這一行 及最後一行 包括僅有一行文字的情況,因為它既是第一行也是最後一行 不做處理。start 內...

文字兩端對齊text align justify

使用text align justify可以實行文字兩端對齊,但他在大段文字中使用效果較好。因為該屬性會自動忽略最後一行。由下面兩圖可以看出,加了justify屬性,文字會兩端對齊,除了最後一行,這也符合一般規範。未加text align justify 加了text align justify 但...