css 自動換行 前端必備!20個CSS小技巧

2021-10-13 18:19:21 字數 1531 閱讀 4855

在日常學習和工作中,你是否經常覺得時間不夠用?為了幫助你提高效率,今天,就為大家分享一些css小技巧,如果你感覺有用,也可以收藏與分享給你的小夥伴們~

1. 文字水平居中

將一段文字置於容器的水平中點,只要設定text-align屬性即可:

text-align:center;

2. 容器水平居中

先該容器設定乙個明確寬度,然後將margin的水平值設為auto即可。

div#container

6. 3d按鈕

要使按鈕具有3d效果,只要將它的左上部邊框設為淺色,右下部邊框設為深色即可。

div#button

後面統一採用em作為字型單位,2.4em就表示24px。

h111. text-transform和font variant

text-transform用於將所有字母變成小寫字母、大寫字母或首字母大寫:

p p

p font variant用於將字型變成小型的大寫字母(即與小寫字母等高的大寫字母)。

p12. css重置

css重置用於取消瀏覽器的內建樣式,請參考yui和eric meyer的樣式表。

13. 用充當列表標誌

ul ul li

17. 用替換文字

h119. !important規則

多條css語句互相衝突時,具有!important的語句將覆蓋其他語句。由於ie不支援!important,所以也可以利用它區分不同的瀏覽器。

雲和資料作為規模更大、更具影響力的緊缺、核心it人才生態服務國家級高新技術企業,專注it職業教育、雲計算、大資料 、電子商務、跨境**、網路安全、ai、vr等領域研究與服務,先後投資建設鄭州、深圳、西安、加拿大四大分中心,下設雲和教育、雲和技術、雲和服務、雲和國際四大事業部。

雲和資料專注於國家緊缺、核心it人才的培養。秉承「更好的it學習、更好的就業」教育教學理念,不斷完善和公升級教學課程和教學環境,踏實、認真做好教育事業。年培養高階it技術人才超10000人,累計為企業輸送高階泛it技術人才超5萬人,其中60%來自於口碑推薦,以八大精品課程為基礎,八大就業基地為依託,一次就業率98%,20%就業薪資超1w,平均薪資8.5k。自2023年起,雲和資料深耕職業教育六年,致力於改變中國高階it人才培養新標準,引領中國it人才實踐教學新模式。

CSS網頁製作時實現自動換行的小技巧

大家都知道連續的英文或數字能是容器被撐大,不能根據容器的大小自動換行,下面是 css如何將他們換行的方法!對於div 1.ie瀏覽器 white space normal word break break all 這裡前者是遵循標準。wrap 或者 wrap eg.ddd11111111111111...

CSS網頁製作時實現自動換行的小技巧

大家都知道連續的英文或數字能是容器被撐大,不能根據容器的大小自動換行,下面是 css如何將他們換行的方法!對於div 1.ie瀏覽器 white space normal word break break all 這裡前者是遵循標準。wrap 或者 wrap div id wrap ddd11111...

CSS網頁製作時實現自動換行的小技巧

大家都知道連續的英文或數字能是容器被撐大,不能根據容器的大小自動換行,下面是 css如何將他們換行的方法!對於div 1.ie瀏覽器 white space normal word break break all 這裡前者是遵循標準。wrap 或者 wrap div id wrap ddd11111...