文字在div中居中显示问题css控制

在div中的文字居中问题，如果是固定了大小的div一般都是利用text-align和line-height就可以解决，如下：
<div style="width:1000px; height:100px; text-align:center; line-height:100px; border:blue solid 1px;">
水平居中用text-align:center控制，垂直居中用line-height:100px; 来控制line-height表示一行文字占用的大小，如果文字占用的大小和你的div大小一样宽就可以实现居中的功能。
但是有些情况是在div大小不确定的情况，如div大小是用百分比，你的line-height写成line-height：100%就不管用了，这个时候怎么办呢？
首先我们先将文字用个标签框起来，然后按照你需要的大小来调整代码的百分比，代码如下：

<span style="
    width: 40%;
    height: 40%;
    position:absolute;
    left: 31%;
    top: 44%;
    /* margin-left:-10px; */
    /* margin-top:-10px; */
">中国制造</span>

试试看
如果需要有关编程等资源可以关注公众号“考神傻小呆”获取