截图:
displayinline测试--
设置 displayinline设置 display. inl
压未设置
display inline
出未设
display: block测试:
代码:
display: b lock测试
< br
spanic
置 display:bl
span未设置
display: block; /span>
截图:
display:bloc地
am设置
display block-
pc设置
splay
pa设置 display: block spa末设置 display: block
盟特新料按传媒
OvErsEa MEdia TEchnology
display: inline- block测试:
代码
di sp lay: inline- b lock测试
截图:
压识置4面+b给则试
display: inline
置
display inline
未设置
display. irilirle
盐未设置
display inline.
IE浏览器
dply:line+b1ek试
五v置iw设置
display inlithedisylay: inline
display: inline
五设置
FF浏览器
盟特新料按传媒
OvErsEa MEdia TEchnology
我们发现在IE浏览器中并没有其任何的作用,而在FF浏览器中正常。看来只有使用上面介绍的那两
种方法,单独对I浏览器做处理了,注意上面说的 display: inline- block;和 display: inline;
定要先后定义,例如
di
display: inline-block
div
display: inline;/*这个属性在这里只针刈IE浏览器设置,也就是说在IE浏览器中这种分开定义能够达到在
FF浏览器屮单独使用 display: inline- block:所到达的效果,具体如下所示。*
效果图:
职设置
s
play
block
IE浏览器
dpl;: inline-blcck测试
出置五 lay: inline-b10cdv设置 display:: inline+o
FF浏览器
不能这样
displ
line-block
display: inline
这样显示的结果将是如下图所示:
dila: inline-l0ck试
出v设置 lay:inline6-bcdv置 display:: inline-+
7
