想要这种效果， 在一个元素里面，图片和文字加起来的宽度在父级里面是居中的。但是我做出来竟然这样
往下跑偏了怎么回事，story_class设置了text-align:center
第1个回答 推荐于2016-08-20
text-align:center 只能用来控制文字居中的（注意text这个单词），图片是不听它使唤的。
你所说的效果有多种实现方法，比较流行的方法是把图片作为背景图，文字则单独控制其显示位置，比如：
.story_class {
width: 200px;
height: 100px;
background: url(./images/story_1.png) no-repeat 40px 30px
}
.story_class h3 {
width: 100px;
height: 40px;
margin-left: 90px;
margin-top: 30px;
line-height: 40px
}
<div class="story_class">
<h3>精品散文</h3>
</div>追问
你所说的效果有多种实现方法，比较流行的方法是把图片作为背景图，文字则单独控制其显示位置，比如：
.story_class {
width: 200px;
height: 100px;
background: url(./images/story_1.png) no-repeat 40px 30px
}
.story_class h3 {
width: 100px;
height: 40px;
margin-left: 90px;
margin-top: 30px;
line-height: 40px
}
<div class="story_class">
<h3>精品散文</h3>
</div>追问
虽然没看懂， 不过也差不多， 我最后用的背景解决的 - - padding-left：50px, 这50px
放的图片， 吧story_class设置了display:inline-block;就解决了
