我已經(jīng)在這個(gè)頁面上呆了三天多了。似乎無法將段落 div 移動(dòng)到應(yīng)該位于圖像下方的新行上。div 應(yīng)采用全寬并另起一行。但立場變了。奇怪的是，頁腳文本位于主體上方。我從 stackoverflow 嘗試了很多解決方案。但我開始害怕了。我是否打破了什么東西。請幫忙。文本應(yīng)該換行，但仍然留在這里。執(zhí)行時(shí)文本的位置甚至不正確。標(biāo)記的底部文本應(yīng)該位于頁腳中。（參見上面鏈接的圖片也請參考我的代碼）注意：該錯(cuò)誤顯示在臺(tái)式計(jì)算機(jī)上。手機(jī)看還是可以的h1 { text-align: center;}/* Extra small devices (phones, 600px and down) */@media only screen and (max-width: 600px) { img { width: 100%; }}/* Small devices (portrait tablets and large phones, 600px and up) */@media only screen and (min-width: 600px) { img { width: 100%; }}/* Medium devices (landscape tablets, 768px and up) */@media only screen and (min-width: 768px) { img { width: 60%; } .mtxt { width: 40%; margin-top: 15%; } .lefty { float: left; } .righty { float: right; }}
1 回答
holdtom
TA貢獻(xiàn)1805條經(jīng)驗(yàn) 獲得超10個(gè)贊
這<3可能會(huì)讓瀏覽器不知道如何呈現(xiàn)頁面，就像<html 標(biāo)簽的開頭一樣。
您可以將其替換為其html 實(shí)體?<：
<p?style="text-align:?center">And?always?remember?to?look?on?the?bright?side?of?everything.<3</p>
除此之外，中心標(biāo)簽很久以前就被棄用了。像上面一樣使用csstext-align: center和.
另外，要在浮動(dòng)元素應(yīng)用于包含所有頁腳的 div 之后獲取頁腳，clear: both因?yàn)槠渌麅?nèi)容是浮動(dòng)的，并且您希望該元素位于其他浮動(dòng)元素的下方。
<div style="clear: both">
? <div>
? ? <p style="text-align: center">And always remember to look on the bright side of everything.<3</p>
? ? <img src="images/undraw_true_love_cy8x.svg">
? </div>
</div>
我使用內(nèi)聯(lián)樣式來使其更容易，但您可以像使用其他 css 代碼一樣使其更加清晰。您可以使用頁腳標(biāo)簽來包裝所有頁腳。
- 1 回答
- 0 關(guān)注
- 159 瀏覽
添加回答
舉報(bào)
0/150
提交
取消