首页 > 代码库 > 当div有边框图片的时候,怎么实现内部的p标签的水平和垂直居中

当div有边框图片的时候,怎么实现内部的p标签的水平和垂直居中

<!-- 这里a.png必须是四边的框都有,限制,这个时候做里边文字的居中,首先在这个里边在套一个div悬浮(absolute或者float:left),然后在这个div(必须设宽高和margin)里边的p标签在inline和text-align ,-->
<div style="height: 200px;width:800px;background:url(‘a.png‘);margin:100px auto;" id="box">
<!--<div><span>我们的好孩子</span></div> -->
<p> 我们的好孩子</p>
</div>

当div有边框图片的时候,怎么实现内部的p标签的水平和垂直居中