                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)

display:inline-block

那我加入display:inline-block后感觉跟没有加是一个样子的呢

jiayouba

2015-10-14

源自：初识HTML(5)+CSS(3) 12-4

关注问题我要回答

411

操作

收起

2 回答

luona
2015-10-19

不是一个样子的，同学，

<!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:60px;/*在默认情况下宽度不起作用*/
    height:20px;/*在默认情况下高度不起作用*/
    background:pink;/*设置背景颜色为粉色*/
    text-align:center; /*设置文本居中显示*/
}
</style>
</head>
<body>
<a>1</a>
<a>2</a>
<a>3</a>
<a>4</a>
</body>
</html>

你看看然后把，display:inline-block;去掉你在看看

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

收起回答

丶YangBin
2015-10-14

注意IE6不支持inline-block属性，可以用hack来解决：*display:inline;zoom:1;inline-block主要的用处是用来处理行内非替换元素的高宽问题的！

1 回复有任何疑惑可以回复我~

收起回答

jiayouba 提问者

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>内联块状元素</title> <style type="text/css"> h1 a{ width:20px;/*在默认情况下宽度不起作用*/ height:20px;/*在默认情况下高度不起作用*/ background:pink;/*设置背景颜色为粉色*/ text-align:center; /*设置文本居中显示*/ } </style>能帮这个加你说的吗

2015-10-15 回复有任何疑惑可以回复我~

0/150

提交

取消

初识HTML(5)+CSS(3)

参与学习 1229743 人
解答问题 19084 个

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

进入课程

本课相似问答

5 回答关于display:inline和display:inline-block的问题

5 回答display:inline-block和float的区别？

4 回答#div1,#div2{display:inline-block;} 这个不行吗

1 回答请问浮动与display:inline-block;的区别

2 回答手动输入display:inline-block;没有变化啊

搜索更多本课相关问答

display:inline-block

我要回答关注问题

热搜

最近搜索清空

display:inline-block

2 回答

本课相似问答

display:inline-block