【问题标题】:I added an image that for some reason adds a scroll bar. I also have an issue with a text element我添加了一个图像,由于某种原因添加了一个滚动条。我也有一个文本元素的问题
【发布时间】:2020-02-22 15:56:44
【问题描述】:

第 1/2 期: 我添加了一个在其他图像之间切换的图像,它在右侧添加了一个滚动条,即使页面右侧没有内容。我似乎无法摆脱滚动条。请参阅图 1 和图 2。

问题 2/2:当我缩小浏览器时,文本不会停留在图像的中心。参考图3。

代码:我想将代码粘贴到这里,但它一直出现缩进错误,因此您可以在 www.mh-rp.com 上查看该页面,您可以在主标签和 .centered 中看到相关代码CSS 部分。

图片: `1 2 3

【问题讨论】:

    标签: html css image text alignment


    【解决方案1】:

    尝试将此代码添加到您的 css 文件中

    body{
      overflow-x: hidden;
    }
    

    这是第二个问题的解决方案

     .image_container{
       position:relative;
     }
    

    由于您的文本是绝对位置,因此您需要将父位置设为相对位置。这将确保子容器相对于父容器绝对定位。

    【讨论】:

    • 您好,非常感谢。这解决了第一个问题。您是否也知道图 3 中显示的文本问题的解决方案?
    • 没问题,肖恩。让我知道第二个代码是否适合您。
    • 嘿亨利,也非常感谢您的解释。它解决了这个问题,我现在对它的工作原理有了更多了解!
    猜你喜欢
    • 2011-04-09
    • 2012-05-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-03-09
    • 2021-12-23
    • 2021-11-18
    • 2022-12-10
    相关资源
    最近更新 更多