我已经在这个页面上呆了三天多了。似乎无法将段落 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 关注
- 100 浏览
添加回答
举报
0/150
提交
取消