关于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下这个属性支持得不好,楼主慎用(个人意见)
貌似ie6下这个属性支持得不好,楼主慎用(个人意见)
作者: ycmjh2010 发布时间: 2011-09-23
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28