连续显示图像(HTML)

发布时间：2020-12-14 22:33:15 所属栏目：资源来源：网络整理

导读：所以我有这个非常简单的 HTML页面.我想要的只是在一个长行中显示图像.什么是最简单的方法,适用于所有浏览器？ htmlheadtitleMy title/title/head bodydiv id="images"img src="1.jpg"img src="2.jpg"img src="3.jpg"img src="4.jpg"img src="5.jpg"img src="

所以我有这个非常简单的 HTML页面.我想要的只是在一个长行中显示图像.什么是最简单的方法,适用于所有浏览器？

<html>
<head>
<title>My title</title>
</head> 
<body>
<div id="images">
<img src="1.jpg">
<img src="2.jpg">
<img src="3.jpg">
<img src="4.jpg">
<img src="5.jpg">
<img src="6.jpg">
</div>
</body>
</html>

解决方法

如果您希望#images是单行,则可以关闭 word wrapping.

#images {
    white-space: nowrap;
}

JSFiddle

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!