css中各種居中的奇技淫巧總結

2022-02-18 11:03:21 字數 920 閱讀 6164

css中各種居中的奇技淫巧總結

第一種,在固定布局中比較常用的技巧設定container的margin:0 auto;

第二種(從布局中入手)

css

.outer.inner
html

效果

第三種;單行文字居中

.info
第四種table布局

這個也是可以居中的滴呀

也可以改成是我們的div

css:

.outer.inner
html

居中

第五種:translatecss

.center
附帶相容性寫法:

-webkit-transform: translatex(-50%) translatey(-50%);

-moz-transform: translatex(-50%) translatey(-50%);

-ms-transform: translatex(-50%) translatey(-50%);

transform: translatex(-50%) translatey(-50%);

html

第六種:flex布局

body.info

css奇技淫巧 border radius

官方介紹 瀏覽器支援 ie9 firefox 4 chrome,safari 5 和opera支援border radius屬性。border radius 屬性是乙個最多可指定四個 border radius 屬性的復合屬性 css語法 border radius 1 4 length 1 4 l...

css奇技淫巧 border radius

官方介紹 瀏覽器支援 ie9 firefox 4 chrome,safari 5 和opera支援border radius屬性。border radius 屬性是乙個最多可指定四個 border radius 屬性的復合屬性 css語法 border radius 1 4 length 1 4 l...

演算法中的奇技淫巧

1.乙個陣列中,只有乙個數隻出現了一次,其他的都出現了兩次,找出只出現了一次的數,比如 1,2,3,4,5,4,3,2,1 其中,沒有重複的就是5 看到這種題,大概第乙個想法是利用hash表吧,每次儲存時,記錄次數,最後再遍歷看看誰只出現了一次。然鵝,我看到有一種演算法,真真真真真是太簡單了。我們都...