課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)
在第一個span標簽里面加一個第二個span標簽,然后為第一個span標簽設置水平居中。頁面顯示沒效果,難道第一個span標簽不是第二個span標簽的父元素嗎?
2017-03-24
源自:初識HTML(5)+CSS(3) 15-1
正在回答
div一般應用與排版,而span一般是里面的文字的展示優化,局部文字的樣式等等效果
總的來說能實現功能用什么都行.
慕粉1606461256 提問者
<!DOCTYPE html>
<html>
<head>
<style>
#te{
width: 100px;
height: 100px;
display:block;
background:yellow;
}
#tes{
text-align:center;
margin-left:auto;
margin-right:auto;
line-height:90px;
font-size:20px;
div{
width:100px;
height:100px;
background:red;
margin-left:center;
margin-right:center;
</style>
</head>
<body>
<span id="te">
<span id="tes">hello</span>
</span>
<div>welcome</div>
</body>
</html>
我的理解是:span是個行內標簽,長寬和大小是用內容沖開的,不能設置,所以不存在span標簽居中,這么理解對嗎?
層級一樣?
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
1 回答水平居中是給父元素的
2 回答行內元素-水平居中
3 回答水平居中-行內元素
3 回答行內元素水平居中問題
1 回答水平居中設置-行內元素
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-03-24
div一般應用與排版,而span一般是里面的文字的展示優化,局部文字的樣式等等效果
總的來說能實現功能用什么都行.
2017-03-24
<!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>
2017-03-24
我的理解是:span是個行內標簽,長寬和大小是用內容沖開的,不能設置,所以不存在span標簽居中,這么理解對嗎?
2017-03-24
層級一樣?