Question

css如何实现span在div中水平居中

Answer 1

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：div {width: 200px; border: 1px solid blue; text-align: center}。

3、浏览器运行index.html页面，此时span在div中成功水平居中了。

Answer 2

<div style="width: 200px; height: 200px; background: #009966; text-align: center;">
    <span style="line-height: 200px;">文字</span>
</div>

Answer 3

span的父级div设置水平对齐样式text-align: center;