来看看：CSS属性display:inline-block
你用什么用的熟练就用什么，讲究的是效率，客户永远不管你用什么，页面就要好看，功能就要好用，还有时间和成本的问题。在利用CSS完成体现的时分，会常常打仗到display:inline-block这一属性，多数会对这一属性感到很含混。
display:inline-block
将工具呈递为内联工具，可是工具的内容作为块工具呈递。中间的内联工具会被呈递在统一行内，同意空格。
但关于这个属性不是一切扫瞄器都辨认。
撑持的扫瞄器有：Opera、Safari。
但很遗憾，最盛行的IE和Firefox却不撑持这个属性（在Firefox3版本中将会撑持display:inline-block）。不外Firefox下却有公有属性-moz-inline-box和inline-block形似，为何是“形似”而不是“神似”呢？这是由于利用-moz-inline-box会带来良多意想不到的后遗症，好比利用这一属性后，text-align偶然候就会有成绩，还得改用Firefox的公有属性-moz-box-align来办理。
倡议：最好不要利用Firefox公有属性-moz-inline-box。
也许有伴侣会对下面所说的IE也不撑持display:inline-block属性，暗示疑问大概否决。说：“我在IE中对a大概span等外联元素利用display:inline-block一向是无效的”。
实在否则，在IE中对内联元素利用display:inline-block，IE是不辨认的，但利用display:inline-block在IE下会触发layout，从而使内联元素具有了display:inline-block属性的表像。从下面的这个剖析，也不难了解为何IE下，对块元素设置display:inline-block属性没法完成inline-block的效果。这时候块元素仅仅是被display:inline-block触发了layout，而它本就是行结构，以是触发后，块元素仍然仍是行结构，而不会如Opera中块元素呈递为内联工具。
延长一个成绩：IE下块元素怎样完成display:inline-block的效果？
有两种办法：
1、先利用display:inline-block属性触发块元素，然后再界说display:inline，让块元素呈递为内联工具（两个display要前后放在两个CSS声明中才无效果，这是IE的一个典范bug，假如先界说了display:inline-block，然后再将display设回inline或block，layout不会消散）。代码以下（…为省略的其他属性内容）：
div{display:inline-block;...}div{display:inline;}
2、间接让块元素设置为内联工具呈递（设置属性display:inline），然后触发块元素的layout（如：zoom:1等）。代码以下：
div{display:inline;zoom:1;...}
在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。 技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。 滚动条)层属性--溢出(visible/hidden/scroll/auto) 还是在Dreamweaver所见即所得添加链接是，可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。 运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环 Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。 俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
页:
[1]