text-align

为何dots能用text-align???不是文本居中样式吗，而且span最后变成了inline-block块状元素，还能居中对齐？？？？

而且不管我text-align去掉或者改成center都没有任何效果

OlafChou 2017-07-27

源自：项目：JS实现轮播特效 2-4 轮播图上圆点按钮

收起

3回答

一路电光带火花回答被采纳获得+3积分 2017-07-27 15:18:38

上面同学写的demo就是解释你的问题的呀，你去测试了木有啊，人家的代码你可以去测试一下，你可以给span设置一个display：block；看看是不是居中对齐的。

你写的代码如果没有生效，那肯定就是你写的有问题，你可以对比下代码，看哪写的不对。

收起回答

提问者 OlafChou 2017-07-28 08:22:55

我知道了，inline-block仍然是内联元素，所以支持text-align

收起回答

坚持18 2017-07-27 10:41:24

<style type="text/css">
			div{
			width:300px;
			height:300px;
			margin:60px auto;
			background:rgb(153,204,225);
			text-align:center;
			}
			span{
			font-size:30px;
			}
		</style>
    </head>
    <body>
	<div>
		<span>AAA<span>
		<span>BBB<span>
		<span>CCC<span>
	</div>
    </body>

测试了一下，是可以给div中的span设置text-align属性的

收起回答