猿问

div 中的文本未显示其所在位置

我已经在这个页面上呆了三天多了。似乎无法将段落 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;

  }

}


翻过高山走不出你
浏览 108回答 1
1回答

holdtom

这<3可能会让浏览器不知道如何呈现页面,就像<html 标签的开头一样。您可以将其替换为其html 实体 &lt;:<p style="text-align: center">And always remember to look on the bright side of everything.&lt;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.&lt;3</p>    <img src="images/undraw_true_love_cy8x.svg">  </div></div>我使用内联样式来使其更容易,但您可以像使用其他 css 代码一样使其更加清晰。您可以使用页脚标签来包装所有页脚。
随时随地看视频慕课网APP

相关分类

Html5
我要回答