我已經在這個頁面上呆了三天多了。似乎無法將段落 div 移動到應該位于圖像下方的新行上。div 應采用全寬并另起一行。但立場變了。奇怪的是，頁腳文本位于主體上方。我從 stackoverflow 嘗試了很多解決方案。但我開始害怕了。我是否打破了什么東西。請幫忙。文本應該換行，但仍然留在這里。執行時文本的位置甚至不正確。標記的底部文本應該位于頁腳中。（參見上面鏈接的圖片也請參考我的代碼）注意：該錯誤顯示在臺式計算機上。手機看還是可以的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貢獻1805條經驗 獲得超10個贊
這<3可能會讓瀏覽器不知道如何呈現頁面，就像<html 標簽的開頭一樣。
您可以將其替換為其html 實體?<：
<p?style="text-align:?center">And?always?remember?to?look?on?the?bright?side?of?everything.<3</p>
除此之外，中心標簽很久以前就被棄用了。像上面一樣使用csstext-align: center和.
另外，要在浮動元素應用于包含所有頁腳的 div 之后獲取頁腳，clear: both因為其他內容是浮動的，并且您希望該元素位于其他浮動元素的下方。
<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>
我使用內聯樣式來使其更容易，但您可以像使用其他 css 代碼一樣使其更加清晰。您可以使用頁腳標簽來包裝所有頁腳。
- 1 回答
- 0 關注
- 148 瀏覽
添加回答
舉報
0/150
提交
取消