解決兩端對齊導致標點符號位於行首問題

2021-09-28 21:04:07 字數 395 閱讀 6288

最近在公司做乙個自適應**,需求要求文字兩端對齊,那肯定是

text-align

: justify;

word-break

: break-all;

但是後來發現有幾款手機會出現標點符號出現在行首的情況還有乙個鏈結也被分開分成兩行了,這種情況肯定是不可以的,一開始是修改文本來改。但是這種改法肯定會引起其他尺寸的手機顯示異常,不是根本的解決方案。後來發現了可以解決這個問題的**就是:

text-align

: justify;

word-break

: normal;

這個同樣可以相容火狐、ie8以上。ie8以下沒有測試不知道可行不。

兩端對齊label

自己寫的,實現兩端對齊的label。專案裡有這樣的 label12.contentinset uiedgeinsetsmake 是控制上下左右的間隙的,這裡我只用了左邊的間隙 contentinset left。uiedgeinsets uiedgeinsetsmake cgfloat top,cg...

CSS兩端對齊

兩端對齊在導航條tab的製作中非常常用。本文將詳細介紹css兩端對齊的3種實現方式 彈性盒模型flex作為強大的彈性布局方式,可以hold住大部分的布局效果,當然也包括兩端對齊。可以使用主軸對齊justify content的兩端對齊屬性space between justify content s...

css 兩端對齊

當我們做篩選框的時候,有的時候會需要篩選文字兩端對齊的情況,如圖 文字的對齊方式大都是通過設定text align來實現,text align屬性下有乙個justify值可以設定元素的兩端對齊。但是text align justify屬性有一些不足之處 在單行文字下,無法實現兩端對齊效果。在多行文字...