display:inline-block-慕课网

首页课程实战体系课手记专栏慕课教程

display:inline-block

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

jiayouba

2015-10-14 22:30

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

写回答关注

2回答

luona: 2015-10-19 16:26:28

不是一个样子的，同学，

<!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 0

丶YangBin

2015-10-14 22:48:22

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

1 1

jiayou...

<!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 21:36:12

共 1 条回复 >

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

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

1228894 学习 · 19081 问题

查看课程

相似问题

关于display:inline和display:inline-block的问题

回答 5

display:inline-block和float的区别？

回答 5

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

回答 4

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

回答 1

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

回答 2

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