亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

父元素和水平居中

在第一個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)
  • 參與學習       1230323    人
  • 解答問題       19084    個

HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義

進入課程

父元素和水平居中

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號