html中如何让span的文字居中

平方米怎么算 • 2023-4-13 • 随笔 • 阅读 41

你好，首先你的body要有宽高，一般是100%，每个span标签分散着是不方便布局的，所以你可以用一个div盒子包裹住所有的div，然后将该盒子居中就行了。居中有很多办法，最简单就用margin:0 auto前提是要有宽高。

span是行元素，你需要把它转化成块元素，才能使宽生效，居中生效

<!DOCTYPE html>

<head>

<title>span居中</title>

span{

background: #ccc

color: white

}

</style>

</head>

<body>

<span style="width:100%text-align:centerdisplay:block">span居中</span>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

要有盒子你的元素有的

打赏

微信扫一扫

支付宝扫一扫

上一篇 2023-04-13

下一篇 2023-04-13

登录后才能评论