62,243
社区成员




<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{margin: 0;padding: 0;}
img{height: 75px;width: auto;}
.container{width: 1000px;margin: 0 auto;}
.news .item{position: relative; border: 1px solid blue;}
.oneImg img{position: absolute;left: 0;}
.oneImg strong{display: inline-block;height: 75px;line-height: 75px; margin-left: 10%;}
.moreImg strong{display: block;}
</style>
</head>
<body>
<div class="container">
<div class="news">
<div class="item">
<strong>新闻的标题</strong>
</div>
<div class="item oneImg">
<strong>新闻的标题</strong>
<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />
</div>
<div class="item moreImg">
<strong>新闻的标题</strong>
<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />
<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />
</div>
<div class="item moreImg">
<strong>新闻的标题</strong>
<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />
<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />
</div>
<div class="item moreImg">
<strong>新闻的标题</strong>
<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />
<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />
</div>
<div class="item">
<strong>新闻的标题</strong>
</div>
<div class="item oneImg">
<strong>新闻的标题</strong>
<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />
</div>
<div class="item moreImg">
<strong>新闻的标题</strong>
<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />
<img src="https://avatar.csdn.net/8/A/8/1_yanchangshan.jpg" />
</div>
</div>
</div>
</body>
</html>