css中的inline-block

最新推荐文章于 2025-02-28 11:00:05 发布

原创最新推荐文章于 2025-02-28 11:00:05 发布 · 214 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了 CSS 中 display 属性的使用方法，包括基本支持的值如 inline 和 block，以及 table 相关的一系列值。特别针对 IE6 和 IE7 浏览器环境下 display 属性值 inline-block 的应用限制进行了说明。

div {

display: inline-block;

*display: inline;

*zoom: 1;

}

Basic Support包含值：none | inline | block | list-item | inline-block

IE6,7只支持inline元素设置为inline-block，其它类型元素均不可以

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ailongyang

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

CSS属性display:inline-block用法深入理解

09-25

对于内联元素，如`<a>`或`<span>`，在IE中设置`display:inline-block`虽然表面上看起来有效，实际上这是因为IE触发了"hasLayout"机制，而不是真正理解`inline-block`。对于块级元素，直接设置`display:inline-block`...

CSS中使用inline-block来进行居中的示例

01-19

基本方法是使用 display: inline-block, vertical-align: middle样式和伪元素让内容块在容器中居中。我的实现用到了几个在其他地方见不到的新技巧解决了一些问题。　内容区声明的宽度不能大于容器的100% 减去0.25em...

参与评论您还未登录，请先登录后发表或查看评论

CSS——inline-block属性

iteye_8029的博客

09-06

213

Inline-block是元素display属性的一个值。这个名字的由来是因为，可以简单的解释为inline+block ；display设置这个值的元素，兼具行内元素（ inline elements）跟块级元素（block elements）的特征。块级元素（block elements）来源于CSS盒子模型。块级元素包含width height,padding,border与marg...

【css】浅谈 inline-block

dengrongshou5105的博客

03-22

217

如今有很多网站都用上了 inline-block 属性，比如 {display:inline-block; *display:inline; *zoom:1}，以上 css 代码随处可见。很多人看见 *display:inline; *zoom:1 就下意识的认为：哦，原来 inline-block 这个属性 ie6 和 ie7 不支持。那么 ie6,7 真的不支持 display:in...

CSS布局--inline-block 布局

happyCoding1024的博客

01-04

592

布局其实就是想办法怎样将一些元素横向的排列起来，纵向由于块级元素的存在会自动占据一行。 inline-block 元素会占据一行而且可以调整宽高很适合将这些元素排列在一行，而且使用 inline-block 元素排列没有清除浮动这样的问题。但是，使用 inline-block 布局两个元素之间会有一个空白间隙，下面一起来看一下。 html代码 <div class="container...

详解css中inline-block的最小宽度值

11-21

在CSS中，`inline-block`是一个非常重要的布局方式，它结合了行内元素和块级元素的特点。在标题“详解css中inline-block的最小宽度值”中，主要探讨的是当设置`width`为0时，行内块元素仍然会有一定的最小宽度，这个...

CSS解决inline-block的错位问题

11-19

### CSS解决inline-block的错位问题 #### 一、问题背景在网页布局中，`inline-block` 是一种常用的元素显示方式，它结合了 `inline` 和 `block` 的特性，使得元素既可以像 `inline` 元素那样不换行显示，又能够...

关于css display: inline block inline-block的区别分析

01-21

display:inline-block 将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。但对于这个属性不是所有浏览器都识别。支持的浏览器有：Opera、Safari。但很遗憾，最...

CSS inline-block

groundhbx的博客

01-06

228

block元素可以设置宽高 inline元素：无宽高 inline-block：有这个属性的对象有inline属性（流动的），内容有block属性，可以设置宽高。

css inline-block

zerofine的专栏

08-19

508

这个意思就是元素本身是内联对象，可以跟其他元素放在同一行，但是，该y

布局中的inline-block

weixin_30814319的博客

04-19

179

说css简单的人，肯定木有深入了解过它，会用不代表懂，更谈不上表精通，用了一年多css的我也只能说一知半解，对css Hack的了解还是不够啊啊啊啊。。。。就拿inline-block来说，众所周知，它是和相对/绝对定位，float一样可以实现页面布局的一个属性，在页面中【display:inline-block; *display:inline; *zoom:1;】这...

css：inline-block布局

weixin_44414527的博客

02-11

235

inline-block + vertical-align 使用inline-block时出现问题：因为三个区域的文字内容不一样多，导致三个区域高度不一样，看着好难受(灬ꈍ ꈍ灬) 解决办法：在css中加入vertical-align：top; 顺便附上inline、block和inline-block的区别 inline 内联元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度及顶部...

CSS的inline、block与inline-block

weixin_34191845的博客

06-06

346

基本知识点行内元素一般是内容的容器，而块级元素一般是其他容器的容器，行内元素适合显示具体内容，而块级元素适合做布局。块级元素(block)：独占一行，对宽高的属性值生效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽。行内元素(inline)：可以多个标签存在一行，对宽高属性值不生效，完全靠内容撑开宽高。行内块元素(...

css中inline | block |inline-block|table|flex系统的整理和分析

吃瓜群众的博客

10-19

737

参考链接：http://www.cnblogs.com/qingkong/p/4456213.html block 　　解释：指定对象为块元素（占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，来调整的这个矩形的样）　　特点：1.处于常规流中时，如果width没有设置，会自动填充满父容器　　　　　 2.可以应用margin/padding 　　　　　 3.在没有设

css inline-block 布局

ximingx

02-15

1594

文章目录inline-block 布局遇到的问题间隙的几种解决办法： inline-block 布局遇到的问题对外的表现是行内元素（不会独占一行），对内的表现是块级元素（可以设置宽高）。思路：像文本一样去排列 block 元素，没有清除浮动等问题。存在的问题：需要处理间隙。代码举例如下：上面的代码，存在两个问题。问题一：如果设置div2的宽度为 200px 之后，div2 掉下来。问题二：div1和div2设置为 inline-block之后，这两个盒子之间存在了间隙。这是因为，此时的 d

CSS 系列之：基础知识