文字自適應容器長度的樣式

2021-08-29 19:55:04 字數 498 閱讀 9653

容器的樣式:

display:block;/*內聯物件需加*/

width:100%;/*必須為容器指定寬度,絕對寬度,百分比寬度這兩種方式都可以。*/

word-break:keep-all;/* 不換行 */

white-space:nowrap;/* 不換行 */

overflow:hidden;/* 內容超出寬度時隱藏超出部分的內容 */

text-overflow:ellipsis;/* 當物件內文字溢位時顯示省略標記(...) ;需與overflow:hidden;一起使用。*/

當容器為單元格(td)時,需要為單元格所在的**增加樣式:

table-layout:fixed;
順便在此記錄乙個**的樣式,該樣式能夠讓無內容的單元格仍然顯示出邊框:

border-collapse:collapse;
搞定收工~

UILabel的自適應長度

這個frame是無所謂的,後面還會重新設定它的size。uilabel label uilabel alloc initwithframe cgrectmake 0,0,0,0 label.numberoflines 0 建立乙個字型大小的字典 nsdictionary attributes nss...

自適應,響應式樣式

body div,ul,a,li,img,p ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd input lf rt clear a.col 1 col 2 col 3 col 4 col 5 col 6 col 7 col 8 col 9 col 10 col 11 col ...

vant樣式自適應居中 樣式區域

頁面樣式 在axure 9中,由於有了負座標 負空間 系的特性。同時也為移動端設計提供了常見的頁面尺寸大小。主要分為we ios 蘋果 手機裝置 android 安卓 手機裝置的常見尺寸。axure 9提供了手機端的設計尺寸,最顯著的就是優化了手機端的預覽。自適應檢視主要是在不同的瀏覽器尺寸下方便載...