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

为什么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
提交
取消

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

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