html中如何让span的文字居中

html中如何让span的文字居中,第1张

你好,

首先你的body要有宽高,一般是100%,

每个span标签分散着是不方便布局的,所以你可以用一个div盒子包裹住所有的div,然后将该盒子居中就行了。

居中有很多办法,最简单就用margin:0 auto前提是要有宽高。

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

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>span居中</title>

<style type="text/css">

span{

background: #ccc

color: white

}

</style>

</head>

<body>

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

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6273934.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-19
下一篇 2023-03-19

发表评论

登录后才能评论

评论列表(0条)

保存