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

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

為什么a標簽文字是堅著排列的？

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"?/>
<title>內聯塊狀元素</title>
<style?type="text/css">
a{
????display:inline-block;
????width:?14px;
????height:?34px;
????background-color:?red;
????text-align:?center;
}
</style>
<a>中國</a>
<a>日本傻蛋</a>
<a>美國笨</a>
</body>
</html>

為什么不是橫著排列的？

正在回答

3 回答

因為你用了block

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

臨下 提問者

為什么用了block會變成堅行？
2017-11-02 回復 有任何疑惑可以回復我~
#2

qq_奧特曼打小怪獸_4 回復 臨下 提問者

inline-block: css2.1新增的值，表示行內塊狀元素。html的塊級元素具有新元素另起一行的特性，使用inline-block可以使塊級元素處在同一行內，在容器總寬度允許的情況下而不換行
2017-11-02 回復 有任何疑惑可以回復我~
#3

臨下 提問者

非常感謝！
2017-11-02 回復 有任何疑惑可以回復我~
#4

qq_蕭_6

把你的代碼輔助過去后 我很遺憾的告訴你 樓上解釋錯了。因為你用的inline-block,將內聯元素轉換成了內斂塊狀元素，而不是樓上說的塊狀元素。內聯塊狀元素和內聯元素同樣是不加換行就會在同一行，所以你的不是block的問題。你仔細看你的結果，實際上你的三個詞都是在同一行，原因是每個元素都有邊界，內聯邊界長寬是與內容匹配，而你把它轉化成內聯塊狀后可以定義他的邊界的大小，所以你的詞語寬度超出了邊界的寬度，所以他第二個字只能第二行顯示（也就是你說的豎起來）。
2017-12-10 回復 有任何疑惑可以回復我~
查看1條回復

日本傻蛋,美國笨,還行

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

為什么中文就是豎排，數字與字母卻是橫排？

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

臨下 提問者

明白了 width的問題
2017-11-02 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學習       1229288    人
  • 解答問題       19084    個

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

進入課程

為什么a標簽文字是堅著排列的？

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

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

 幫助反饋 APP下載

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

 公眾號

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