關於css中的vertical-align: middle不起作用的解決方法


正在學前台,出現了vertical-align: middle 這個屬性怎么都不起作用的情況,解決過程如下:

剛開始是這樣:

.table_yht{
text-align: center;
vertical-align: middle;

}

發現文字左右的確居中,但是上下不能居中,然后請教了大神,才知道原因。原來是因為我們引用的css包里也設置了這個屬性,而且默認優先級是最高的,所以我們再怎么設置也不起作用了。要改變這種情況,就要想辦法在我們寫的類里的屬性的優先級提高,可以這樣:

.table_yht{
text-align: center;
vertical-align: middle !important;/*!important用來提高當前設置的優先級*/

}

然后發現上下居中了! !important屬性就是告訴瀏覽器優先執行當前設置。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM