如何使用CSS實現(xiàn)DIV文字的居中(水平 豎直)
方法一:使用文本對齊實現(xiàn)水平居中在需要居中的div上級,增加一個父級div,并且添加屬性“text-align: center;”。如果你需要當前div的文字居中,那么你還需要在當前div中增加屬性“
方法一:使用文本對齊實現(xiàn)水平居中
在需要居中的div上級,增加一個父級div,并且添加屬性“text-align: center;”。如果你需要當前div的文字居中,那么你還需要在當前div中增加屬性“text-align: center;”。
方法二:使用margin屬性實現(xiàn)水平居中
在需要居中的div標簽中,增加屬性“margin-left: auto; margin-right: auto;”。這樣設置,會讓CSS自動為你調(diào)整位置,由于父div已經(jīng)設置居中,所以界面會自動居中。
方法三:設置高度和行高實現(xiàn)豎直居中
如果你發(fā)現(xiàn)使用上述方法后,div中的文字是靠上對齊而不是居中的,可以嘗試在div中設置height和line-height高度相同。這樣可以保證文字在div中垂直居中。
以上是我用CSS解決DIV文字居中的辦法,希望能幫助到大家。