有關div設定CSS問題

2022-11-25 12:46:09 字數 890 閱讀 1059

1樓:匿名使用者

div垂直居中?

如果是一行字的話很簡單,height跟line-height一樣就ok了。

如果是多行可以給div加上 display: table-cell;

這樣可以讓div當作**來顯示,

讓後再加上 vertical-align:middle; 就能垂直居中實現了!

可問題是,爛ie並不支援……

ie也有解決的辦法,可是至少得在巢狀兩個div,還得用到position,感覺麻煩,一般情況多行居中用padding模擬就可以了。

2樓:沙暴光輪

垂直局中,你要給div設定高度的。

例如高度為100px,

.test

這樣才可以解決~

3樓:夜思寧煙

看看下面這篇文章,你就全部知道了。

css實現完美垂直居中

4樓:匿名使用者

div 做垂直居中有缺陷,

需要給容器設定高度(height)和行高(line-height)再設定vertical-align才能達到理想的效果,

當在固定高度的容器中設定 一行或者多行文字想對容器絕對居中時,你會很無奈!

5樓:

試試用margin:0 auto;來居中。

6樓:手機使用者

你直接加一個line-height:300px;注意line-height後面的值與你的高度一樣,這樣字就會是居中的

7樓:匿名使用者

line-height

css如何讓兩個div並排,div1左對齊,div2對齊di

一 使用css float並排顯示 我們對div設定一個float浮動屬性即可解決不併排顯示,只要你的並排div盒子總寬度小於或等於最外層盒子寬度即可實現多個div物件並排顯示。這裡我們對div通設一個浮動,當然實際使用時候,要通排顯示div物件的加入css類,我們就對要同行顯示css選擇器設定浮動...

css文字大於div寬度時出現滾動條

應該這樣寫 容器 相容ie6 ie7 ff 在這裡只用overflow是不夠的,因為當文字長度超出容器寬度時瀏覽器會自己將文字換行,橫向的滾動條並不會出現 除非是連線的英文字母並且字母之間沒有空格 在這裡必須加上white space nowrap nowrap 強制在同一行內顯示所有文字,直到文字...

有關css偽類 after清除浮動的問題

浮動產生負作用 1 背景不能顯示 由於浮動產生,如果對父級設定了 css background背景 css背景顏色或css背景 而父級不能被撐開,所以導致css背景不能顯示。2 邊框不能撐開 如上圖中,如果父級設定了css邊框屬性 css border 由於子級裡使用了float屬性,產生浮動,父級...