行內元素(內聯元素):
寬度高度由該元素內的文字長度和寬度決定,不可人爲設置。
內聯元素在顯示時通常不會以新行開始。
塊元素:
可設置寬和高
塊級元素在瀏覽器顯示時,通常會以新行來開始(和結束)
常見行內元素:<span/>,<a/>,<img/>,<input/>
常見塊元素:<div/>,<p/>,<ol/>,<ul/>,<h1/>
塊中行內元素水平居中:text-align:center
塊中塊內元素水平居中:margin:0 auto(對塊內塊元素設置)
塊中行內元素垂直居中(高度不確定):vertical-align:middle
塊中行內元素垂直居中(高度確定):line-height=height
塊中塊元素垂直居中:padding或不設置(默認垂直居中)