Question

我的屏幕上有一个包含7张图片的标题。

我希望标题覆盖宽度：100％网站。标题是1920 * 50px。如果屏幕分辨率小于1920 * 1080而不是左侧，我希望标题的右侧切除。

这里是html中的标题：

<div id="apDiv1">
    <img src="Bilder/navbar/images/navbar-rambech_01.jpg" width="53" height="50" />
    <a href="index.html"><img src="Bilder/navbar/images/navbar-rambech_02.jpg" width="236" height="50" alt="Rambech" /></a>
    <a href="sourcebans"><img src="Bilder/navbar/images/navbar-rambech_03.jpg" width="202" height="50" alt="Sourcebans" /></a>
    <a href="forum.php"><img src="Bilder/navbar/images/navbar-rambech_04.jpg" width="135" height="50" alt="Forum" /></a>
    <a href="admin.html"><img src="Bilder/navbar/images/navbar-rambech_05.jpg" width="199" height="50" alt="Søke Admin" /><img src="Bilder/navbar/images/navbar-rambech_06.jpg" width="116" height="50" alt="VIP" /></a>
    <img src="Bilder/navbar/images/navbar-rambech_07.jpg" width="979" height="50" max-width="100%" />
</div>

Answer 1

你走了。

将以下代码添加到CSS中。这将在右侧剪切图像。

#apDiv1 {
    width:100%;
    white-space:nowrap;
    overflow:hidden;
}

根据屏幕分辨率剪切图像的右侧

1 个答案: