61,115
社区成员
发帖
与我相关
我的任务
分享关于span居中的问题
比如有个span内有换行：
<span>
<p>第一行</p>
<p>这是第二行</p>
</span>
我想让他居中但不是每行都居中
如果用span{text-align:center;}的话：
第一行
这是第二行
会这样，但是我要的效果是不变但是整体居中：
第一行
这是第二行
请问如何操作？谢谢！
<span>
<p>第一行</p>
<p>这是第二行</p>
</span>
我想让他居中但不是每行都居中
如果用span{text-align:center;}的话：
第一行
这是第二行
会这样，但是我要的效果是不变但是整体居中：
第一行
这是第二行
请问如何操作？谢谢！
...全文
请发表友善的回复…
发表回复
MuBeiBei 2011-08-30
- 打赏
- 举报
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<style>
*{margin:0; padding:0;}
div{width:800px; border:1px solid #000; height:20px; margin:0 auto;}
span{ margin:0 auto; width:80px; display:block;}
</style>
<body>
<div>
<span>
<p>第一行</p>
<p>这是第二行</p>
</span>
</div>
</body>
</html>
bhbhxy 2011-08-30
- 打赏
- 举报
首先<span>是行内元素，<p>是块级元素，这样的结构不符合规范
最好是使用div，整体居中3楼已经给出了解决方案
最好是使用div，整体居中3楼已经给出了解决方案
Acesidonu 2011-08-30
- 打赏
- 举报
span{ margin:0 auto; width:80px; display:block;}
就可以了吧
就可以了吧
BLUE_LG 2011-08-30
- 打赏
- 举报
<span>中内嵌<p>不符合规范吧？？？
