子塊元素在父塊元素中居中

水平居中有兩種狀況:get

  1. 子元素,父級元素都是塊級元素的時候,子級元素{margin:0 auto}。須要注意的是當子級元素的position爲非默認及relative時,這種設置會失效。it

  2. 如p等標籤中內的文字內容水平居中:使用{text-Align:center}。垂直居中設置該元素的行高等於元素的高。如:{height:100px;line-height:100px}可實現。注意:這種方法應用於行內元素io

相關文章
相關標籤/搜索