文本为什么无法居中？ - JavaScript论坛

编程论坛 → WEB开发 → 『 JavaScript论坛』 → 文本为什么无法居中？

标题：文本为什么无法居中？

只看楼主

悬崖之树

等　级：论坛游民
威　望：1
帖　子：36
专家分：23
注　册：2013-5-1
结帖率：100%

楼主

问题点数：0 回复次数：3

文本为什么无法居中？

程序代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. xmlns="http://www. http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.m {
    text-align: center;
}
</style>
</head>

<body>
<span class="m">悬崖之树</span>
</body>
</html>

为什么 <span> 标签无法用css样式？

搜索更多相关主题的帖子: center　标签　

2013-09-04 21:07

月暗

来　自：湖北黄冈
等　级：论坛游民
帖　子：17
专家分：81
注　册：2012-11-3

第 2 楼

得分:0

需要：text-align: center; display:block;

听说有个大婶叫舔罩，那些求大神的人，求的是她么？
\u6f

2013-09-04 21:25

xmlz

等　级：蜘蛛侠
威　望：5
帖　子：294
专家分：1392
注　册：2010-8-29

第 3 楼

得分:0

span的宽度就是文字的宽度，所以虽然文本已经剧中对齐了，但是span本身没有居中，所以看不出来，显式地指定span的宽度，就可以看出来了。
或者让span本身居中(不如直接用div)。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <style type="text/css">
  .m{
      width:100%;
      text-align:center;
    }
  </style>
</HEAD>
<BODY>

<span class="m">悬崖之树</span>

<div align="center"><span>悬崖之树</span></div>

</BODY>
</HTML>

2013-09-05 21:35

诸葛修勤

等　级：贵宾
威　望：11
帖　子：549
专家分：1955
注　册：2010-10-28

第 4 楼

得分:0

2013-09-12 09:33

参与讨论请移步原网站贴子：https://bbs.bccn.net/thread-420111-1-1.html