为了账号安全,请及时绑定邮箱和手机立即绑定

父元素和水平居中

在第一个span标签里面加一个第二个span标签,然后为第一个span标签设置水平居中。页面显示没效果,难道第一个span标签不是第二个span标签的父元素吗?

正在回答

4 回答

div一般应用与排版,而span一般是里面的文字的展示优化,局部文字的样式等等效果

总的来说能实现功能用什么都行.

0 回复 有任何疑惑可以回复我~
#1

慕粉1606461256 提问者

<!doctype html> <html> <head> <meta charset="utf-8"> <title>层叠样式</title> <link rel="stylesheet" type="text/css" href="../css/练习网页一.css"> </head> <body> <span id="one">Hello</span> <div class="two">welcome</div> <div> <span>第一个行内元素</span> <em id="three">第二个行内元素</em> </div> </body> </html>
2017-03-24 回复 有任何疑惑可以回复我~
#2

慕粉1606461256 提问者

外部样式表: @charset "utf-8"; *{ border:solid 1px hsla(133,86%,47%,1.00); } #one{ display:block; height:30px; text-align: center; color:red; } .two{ text-align: center; color:yellow; } #three{ display:block; text-align:center; color:blue; }
2017-03-24 回复 有任何疑惑可以回复我~
#3

慕粉1606461256 提问者

非常感谢!
2017-03-24 回复 有任何疑惑可以回复我~
#4

慕粉1606461256 提问者

说白了,就是用块状元素居中,
2017-03-24 回复 有任何疑惑可以回复我~
查看1条回复

<!DOCTYPE html>

<html>

<head>

<style>

#te{

width: 100px;

height: 100px;

display:block;

background:yellow;

}

#tes{

text-align:center;

margin-left:auto;

margin-right:auto;

display:block;

line-height:90px;

font-size:20px;

}

div{

width:100px;

height:100px;

background:red;

text-align:center;

margin-left:center;

margin-right:center;

line-height:90px;

font-size:20px;

}

</style>

</head>


<body>

<span id="te">

<span id="tes">hello</span>

</span>

<div>welcome</div>

</body>

</html>



0 回复 有任何疑惑可以回复我~

我的理解是:span是个行内标签,长宽和大小是用内容冲开的,不能设置,所以不存在span标签居中,这么理解对吗?

0 回复 有任何疑惑可以回复我~

层级一样?

0 回复 有任何疑惑可以回复我~
#1

慕粉1606461256 提问者

我的理解是:span是个行内标签,长宽和大小是用内容冲开的,不能设置,所以不存在span标签居中,这么理解对吗?
2017-03-24 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225293    人
  • 解答问题       18230    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

父元素和水平居中

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信