                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

如何使div里面的文本居中呢?

课件中讲解的是将div元素居中,而不是里面的文本居中.那么如何使里面的文本居中呢?求答.

YIFAN111

2017-09-08

源自：初识HTML(5)+CSS(3)-升级版 15-5

关注问题我要回答

978

操作

收起

3 回答

一只胡思乱想的猪
2017-09-12

文本居中设置text-align:center就可以了

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>不定宽块状元素水平居中</title>
<style>
table{
    margin:0 auto;
}

/*下面是任务区代码*/
.wrap{
    width:200px;
    background:#ccc;
    text-align:center;
    margin:auto;
}
</style>
</head>

<body>
<div>
<table>
  <tbody>
    <tr><td>
	<ul>
    	<li>我是第一行文本</li>
        <li>我是第二行文本</li>
        <li>我是第三行文本</li>
    </ul>
    </td></tr>
  </tbody>
</table>
</div>

<div class="wrap">
  设置我所在的div容器水平居中  
</div>
</body>
</html>