+ -
当前位置:首页 → 问答吧 → 关于inline-block的问题

关于inline-block的问题

时间:2011-09-23

来源:互联网


我有这么一块内容

其中页面代码为
HTML code

<div class="content21">
        <p><img src="temp/1310694373329_715.jpg" />中国人民政治协商会议设全国委员会和地方委员会。<br />政协全国委员会每届任期五年,设主席、副主席若干人、秘书长。<br />全国委员会设常务委员会主持会务。常务委员会由全国委员会主席、副主席、秘书长、常务委员组成。全国委员会主席主持常务委员会的工作,副主席、秘书长协助主席工作。主席、副主席、秘书长组成主席会议,处理常务委员会的重要日常工作。</p>
<div>


样式代码为
CSS code

.content21 p{font-size:14px; line-height:24px}
.content21 p img{width:122px; height:130px; border:1px solid #f5deac; float:left; margin:0 35px 0 10px}



但此时,IE6会出现一个问题,默认情况下文字会显示,但是经过鼠标双击或者拖蓝,文字则会显示出来。
我尝试在p样式中加入display:inline-block,这种问题就解决了

求教,这种问题是因为什么引起的?

作者: sz861128   发布时间: 2011-09-23

inline-block这个是在一行里显示,并且是以块状来显示的。因为你在p中加上display:inline-block后。img也同样有了这个属性。所以他跟文字能同时显示出来了。

作者: arjsyy   发布时间: 2011-09-23

inline-block 表示该元素前后没有换行符,且能像块元素那样设置宽高。
貌似ie6下这个属性支持得不好,楼主慎用(个人意见)

作者: ycmjh2010   发布时间: 2011-09-23

热门下载

更多