css想让图片和文字同时居中

Posted 2023-03-27

想要这种效果， 在一个元素里面，图片和文字加起来的宽度在父级里面是居中的。但是我做出来竟然这样

往下跑偏了怎么回事，story_class设置了text-align:center

参考技术A 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>追问

虽然没看懂， 不过也差不多， 我最后用的背景解决的 - - padding-left：50px, 这50px
放的图片， 吧story_class设置了display:inline-block;就解决了

本回答被提问者采纳