注册 登录
编程论坛 JavaScript论坛

文本为什么无法居中?

悬崖之树 发布于 2013-09-04 21:07, 661 次点击
程序代码:
<!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样式?

3 回复
#2
月暗2013-09-04 21:25
需要:text-align: center; display:block;

只有本站会员才能查看附件,请 登录

#3
xmlz2013-09-05 21:35
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>
#4
诸葛修勤2013-09-12 09:33
<style type="text/css">
body{
    margin: 15% auto;
    text-align: center;
}
</style>
1