display属性的block,inline和inline-block

标签: display block inline | 发表时间:2012-01-27 01:33 | 作者:woshixuye
出处:http://blog.csdn.net
 

none  此元素不会被显示。 

block 此元素将显示为块级元素,此元素前后会带有换行符。 

inline 默认。此元素会被显示为内联元素,元素前后没有换行符。 

inline-block 行内块元素。(CSS2.1 新增的值) 

 

在css中,inline-block:将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。

 

旁边的内联对象会被呈递在同一行内,允许空格。但是这个属性目前不是所有的浏览器都支持,只有Opera和Safari支持,FireFox3和IE8据说将会支持,Firefox2和IE使用特殊办法可以实现这种效果

作者:woshixuye 发表于2012-1-27 9:33:08 原文链接
阅读:44 评论:0 查看评论

相关 [display block inline] 推荐:

display属性的block,inline和inline-block

- - CSDN博客推荐文章
  none  此元素不会被显示. block 此元素将显示为块级元素,此元素前后会带有换行符. 此元素会被显示为内联元素,元素前后没有换行符. inline-block 行内块元素. (CSS2.1 新增的值) . 在css中,inline-block:将对象呈递为内联对象,但是对象的内容作为块对象呈递.

详解inline-block

- - Web前端 - ITeye博客
转自:http://ued.taobao.com/blog/2012/08/inline-block/. 曾几何时,display:inline-block 已经深入「大街小巷」,随处可见 「display:inline-block; *display:inline; *zoom:1; 」这样的代码.

[转]拜拜了,浮动布局——基于inline-block的列表布局

- - 畅之部落格
本文其实真实题目应该是“CSS float浮动的深入研究、详解及拓展(三)”,但是为了更显著的体现本文的核心内容,顺便搞点噱头吸引眼球,同时跟百哥和谷妹玩点小暧昧,就改成了现在这个样子了. 没有爱的日子,时间如指尖细沙,不知不觉就流逝了. 写“ CSS float浮动的深入研究、详解及拓展(一)”和“ CSS float浮动的深入研究、详解及拓展(二)”似乎就在不久前,然而相隔差不多有一年之久了.

白话Block Formatting Context

- MArCoRQ - UED TEAM,用户体验设计,web前端开发
一,啥是Block Formatting Context. 当涉及到可视化布局的时候,Block Formatting Context提供了一个环境,HTML元素在这个环境中按照一定规则进行布局. 一个环境中的元素不会影响到其它环境中的布局. 为了让我们有个感性的认识,举个不太合适的例子. 你可以把一个页面想象成大的集装箱,这个集装箱里装的货物就是HTML元素.

inline-blcok 前世今生

- - Taobao UED Team
曾几何时,display:inline-block 已经深入「大街小巷」,随处可见 「display:inline-block; *display:inline; *zoom:1; 」这样的代码. 如今现代浏览器已经全面支持这个属性值了,上面的代码只是为了兼容 IE6、7 而已. 那么你真的了解 inline-block 了吗.

短文: Block Chain 与 Paxos

- comain - fcicq's blog-beta
作为 P2P 系统, Bitcoin 的一致性实现方法是值得专门写出来的.. 下面一一列举 Paxos 的专有名词, 并指出 Bitcoin 中的对应方法/实现.. –最长链中所有的 Block 均为决议. (但链末尾并不稳定, 所以最近 120 个 Block 里产生的钱不能花.. 经历 120 block 之后, block 是彻底不可逆转的, 严格意义上最近 120 block 不能算通过的决议).

Content-disposition中Attachment和inline的区别

- - 编程语言 - ITeye博客
java web中下载文件时,我们一般设置 Content-Disposition告诉浏览器下载文件的名称,是否在浏览器中内嵌显示.. 表示浏览器内嵌显示一个文件. 表示会下载文件,如火狐浏览器中.  如上代码中是内嵌显示图片呢?还是会弹框下载呢?. 为什么呢?设置为inline应该是内嵌显示啊!.

【设计精美】有意义的日子:Meaningful Days with Photo Display

- sean - 爱Apps - www.iapps.im
精选限时免费应用,由 AppPusher 为您送达. 无限精彩,尽在 爱Apps - www.iapps.im. 本站原创内容,转载时请务必注明出处,谢谢. 大小: 11.6 MB 系统: 3.2+. 小编本都想好了叫做“那些美妙的日子”,没想到软件有官方中文译名,呵呵. 软件简单的说,就是可以用照片配合上背景音乐(可选)来对你有意义的日子来做个纪录和展示,并可以在到达某个特定的天数时提醒你.

iFixit 拆解 Thunderbolt Display ,大屏中窥探小细节

- gnawux - Engadget 中国版
距离苹果的 Thunderbolt Display 发布已经有两个月的时间了,不过对于 iFixit 的拆解,我们依然有兴趣. 让我们随着 iFixit 的解剖图来看看这款 27 寸 Thunderbolt Display (苹果宣称其是世界上首款 Thunderbolt 显示器)里面有啥秘密. 首先是液晶面板,为 LG 制造,和 Dell 的显示器 UltraSharp U2711 产商一样,不过具体参数有差别, 12 ms 反应时间对比戴尔6 ms ,而色彩上苹果为 16.7M 而戴尔是 1.07B.

display:table-cell自适应布局下连续单词字符换行

- - 张鑫旭-鑫空间-鑫生活
本文地址: http://www.zhangxinxu.com/wordpress/?p=2161. 一、过年回家,快刀乱麻,直入主题. 之前有 几次提到了使用 display:table-cell实现强大的任意尺寸元素的自适应布局(都藏在长长文章之中). 这里开篇再次提一下,希望能将该技术普及下去.