HTML 5-这样的布局用CSS的话怎么是最佳？
如图，图片有A,B,C三种样式，分别是一行、两行、三行，在手机上显示。宽度是自适应，所以图片也是自适应大小的，并且每张图片有padding，怎样写css最佳？
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
如图，图片有A,B,C三种样式，分别是一行、两行、三行，在手机上显示。宽度是自适应，所以图片也是自适应大小的，并且每张图片有padding，怎样写css最佳？
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论（4）
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
#content{
width:600px;
}
#line1 img{
width:98%;
padding:1%
}
#line2 img{
width:48%;
padding:1%
}
#line3 img{
width:31.3%;
padding:1%
}
</style>
</head>
<body>
<div id="content">
<div id="line1"><img src="photo5.jpg"></div>
<div id="line2"><img src="photo5.jpg"><img src="photo5.jpg"></div>
<div id="line3"><img src="photo5.jpg"><img src="photo5.jpg"><img src="photo5.jpg"></div>
</div>
</body>
</html>
效果图
用bootstrap框架的方法
用bootstrap grid不是很好解决吗
如果你先bootstrap过大的话可以用pure啊