为什么a标签文字是坚着排列的？-慕课网

为什么a标签文字是坚着排列的？

来源：12-4 我还要站个大位置 - 内联块状元素

临下

2017-11-02 17:16

<!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回答

qq_奥特曼打小怪兽_4

2017-11-02 17:23:29

已采纳

因为你用了block

4 0

qq_萧_6

把你的代码辅助过去后我很遗憾的告诉你楼上解释错了。因为你用的inline-block,将内联元素转换成了内敛块状元素，而不是楼上说的块状元素。内联块状元素和内联元素同样是不加换行就会在同一行，所以你的不是block的问题。你仔细看你的结果，实际上你的三个词都是在同一行，原因是每个元素都有边界，内联边界长宽是与内容匹配，而你把它转化成内联块状后可以定义他的边界的大小，所以你的词语宽度超出了边界的宽度，所以他第二个字只能第二行显示（也就是你说的竖起来）。

2017-12-10 20:10:39

共 4 条回复 >
三水梅林

2018-12-07 23:22:38

日本傻蛋,美国笨,还行

0 0
临下

2017-11-02 17:30:06

为什么中文就是竖排，数字与字母却是横排？

1 0

临下

明白了 width的问题

2017-11-02 17:44:05

共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

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

1225811 学习 · 18234 问题

查看课程

相似问题

文字怎样排列

回答 1

盒子模型中文字与数字的排列方式为什么不同

回答 1

a标签

回答 6

那个a标签是？

回答 1

a标签里面的网址为什么不会随着窗口的变小而换行

回答 6

打开慕课网App查看更多内容