1，怎样让DIV中的内容居中
{0}
2，如何让div内的文字居中
设行高，然后设置text-align:center
文字居中：text-align:center,有时候可能会因为其他属性的干扰使得文字不能居中，这是就需要看具体情况而定 <span>可以设置id 一个标签可以有多个class 属性，用空格分开就行了，例如<span id=”s” class=”classone classtwo”>
{1}
3，如何让div中的文字垂直居中显示
使文字在div中水平和垂直居中的的css样式为12text-align:center; /*水平居中*/line-height: 20px; /*行距设为与div高度一致*/示例如下：HTML元素1<div>水平垂直居中</div>css样式1234567divwidth:200px;height:200px; /*设置div的大小*/border:1px solid green; /*边框*/text-align: center; /*文字水平居中对齐*/line-height: 200px; /*设置文字行距等于div的高度*/overflow:hidden;}显示效果
{2}
4，如何在一个div中使文字居中显示
由于div 是块级元素，在css中并没有可以使块级元素内的元素垂直居中的属性。所以只能使用其他的方法。设置文字的padding，使其达到居中的效果。、在文字外层，div内包裹一个<p>标签，<div><p>只是一段文字</p></div>并将p标签的大小设置的与div标签同样大小。再对p标签应用vertical-align ：middle属性。具体如下：1234567 div width:200px;height:200px; /*设置div的大小*/ border:1px solid green; /*边框*/ text-align: center; /*文字水平居中对齐*/ line-height: 200px; /*设置文字行距等于div的高度*/ overflow:hidden;}
5，如何让这个div中的文字水平居中
文字水平居中的样式写法如下：文字水平居中文字水平居中
css属性：text-align:center 使块状元素文本水平居中，如：### demo code<div style=”float:left; width:100px; height:100px; border:2px solid #0000ff;text-align:center;”>测试文本一</div><div style=”float:left; width:300px; height:100px; border-right:2px solid #0000ff; border-top:2px solid #0000ff; border-bottom:2px solid #0000ff;text-align:center;”>测试文本二</div>
CSS属性：text-align:center 使块状元素文本水平居中，如：### DEMO CODE测试文本一测试文本二
【声明】：本博客不参与任何交易，也非中介，仅记录个人感兴趣的主机测评结果和优惠活动，内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客，即表示您已经知晓并接受了此声明通告。
