<div>
<p>這是文字<p>
</div>
div{positon:relative;width:200px;height:200px}想讓p距離div底部20px;p使用了position:absolute;bottom:20px;定位后p不能水平居中，好像p必須設(shè)置width才能行，p是文字無法知道寬度，該怎么居中
7 回答
已采納
qq_青棗工作室_0
TA貢獻(xiàn)446條經(jīng)驗(yàn) 獲得超754個(gè)贊
不用 position:absolute;
直接在div上 padding-bottom: 20px; 或者，在p:last-child 上 margin-bottom: 20px;
-
qq_小白_7謝謝啊，這思路不錯(cuò) -
qq_青棗工作室_0完成了，就采納答案，結(jié)束這個(gè)提問吧
肥柴
TA貢獻(xiàn)7條經(jīng)驗(yàn) 獲得超10個(gè)贊
*{border:1px?solid?red}/*框只是為了看起來直觀*/
div{position:relative;width:200px;height:200px;text-align:center;}
p{position:absolute;bottom:20px;width:100%;}另外：不是非常必要話，個(gè)人很不推薦絕對(duì)定位
不再熱情似火
TA貢獻(xiàn)15條經(jīng)驗(yàn) 獲得超6個(gè)贊
用了position:absolute 之后，即使你設(shè)置了寬度，margin: 0 auto 也不會(huì)居中的，可以用text-align:center，來實(shí)現(xiàn)居中，（少用position屬性）
ThinkAllNight
TA貢獻(xiàn)35條經(jīng)驗(yàn) 獲得超31個(gè)贊
p是塊狀元素，寬度自適應(yīng)父元素的寬度，即100% ， 此時(shí)若要居中，可給p元素添加屬性
p{text-align:center;}添加回答
舉報(bào)
0/150
提交
取消