ul里li设置浮动后ie6高度和FF等不一样解决方法

最新推荐文章于 2021-10-09 09:42:17 发布

转载最新推荐文章于 2021-10-09 09:42:17 发布 · 73 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/charje/archive/2011/12/17/ie6-bug-ul-li-height.html

本文提供了解决IE6浏览器下ul列表项高度不一致的方法，包括设置固定高度或使用display:inline；技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当ul 里的li设置浮动后，ie6里li的行高不一样，肿么办？

很简单:

　　1、给li设置固定高度。例如:height:25px;如果你想水平居中，line-height:25px;就可以了.

　　2、display:inline;这样子也是可以的。

转载于:https://www.cnblogs.com/charje/archive/2011/12/17/ie6-bug-ul-li-height.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30755709

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

html设置li中内容居中,浮动后的li元素居中实现方法

weixin_33603331的博客

06-07

3707

比如有如下所示HTMl代码：复制代码代码如下:我居中了我居中了我居中了我居中了我居中了当做的是水平导航条时，有以下三种办法：1、对ul使用"text-align: center;"的办法，然后把li转换为inline元素，设置内外边距可以得到效果，代码如下：复制代码代码如下:* {margin: 0;padding: 0;}body {background: #000;color: #FFF;fo...

css ul li 的使用及浏览器兼容问题

09-25

在CSS布局中，`ul`和`li`元素是最常见的列表结构，用于组织有序或无序的项目。然而，由于不同浏览器之间的解析差异，尤其是在Internet Explorer（IE）和Firefox（FF）之间，处理这些元素时可能会遇到兼容性问题。...

参与评论您还未登录，请先登录后发表或查看评论

li在ie/firefox浏览器中行高不一致解决方法(浏览器兼容)

12-13

复制代码代码如下: <style type=”text/css”>.tu_freeline_list li{text-indent:10px;font-size:0;height:30px;line-height:30px;overflow:hidden;zoom:1;}.tu_freeline_list li span{float:left;height:30px;overflow:hidden;width:155px;font-size:12px;}.tu_freeline_list li strong{float:right;font-size:12px;}</style><ul cla

使用li标签制作表格，一行中单元格行高不一致处理

weixin_35167977的博客

10-09

548

使用li标签制作表格，一行中单元格行高不一致处理使用li标签制作表格时，通过设置display: flex（一般我都会设置align-items: center），可以强制单元格在一行内展示，并且水平居中，但是想给单元格加边框的时候，会发现某个单元格内容过长换行了，导致行高不一致，原来是需要设置： align-items: strech 单元格会拉伸至弹性父级盒子的高度 ...

列表中li标签设置margin在IE6和IE7中第一个行失效的解决方法

青天诀的专栏

06-20

785

在做列表文章的时候，我们经常会用ul,li标签实现，但是如下图所示第一行出了点问题。在IE6、IE7中li的第一行相对于下方的靠左，而在IE8，FF正常。列表中li标签设置margin在IE6和IE7中第一个行失效的解决方法静态代码如下：列表中li标签设置margin在IE6和IE7中第一个行失效的解决方法<ul class="right_bottom">

解决浮动导致父元素高度坍塌的几种方法

_andylala的博客

05-24

6792

一、文档流与浮动 1、’什么是文档流？ &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;在html中，文档流也可以叫做标准流或普通流。元素的显示方式是自上而下，从左到右，其中，块级元素默认占据一行，行内或行内块级元素只占据内容部分的内容或自身的所占据的部分，并不会像块级元素一样霸道的占据一行，其实这也跟自然现象中的瀑布自上而下流动是一个道理^_^。 2、不安分的浮动 &amp;nbs

html中解决父元素高度问题,css解决浮动导致父元素高度坍塌的几种方法

weixin_29407885的博客

06-07

534

一、文档流与浮动1、’什么是文档流？在html中，文档流也可以叫做标准流或普通流。元素的显示方式是自上而下，从左到右，其中，块级元素默认占据一行，行内或行内块级元素只占据内容部分或自身的所占据的部分，并不会像块级元素一样霸道的占据一行，其实这也跟自然现象中的瀑布自上而下流动是一个道理^_^。2、不安分的浮动在上面我们已经初步了解了文档流，但是元素在网页中的显示仅仅依靠文档流是不够的，就比如说天猫商...

css-让我们再深入一点看看ul-li结构里的浮动和绝对定位（float & absolute）

weixin_34113237的博客

12-21

1852

有哪里不懂的，请在下面留言，我每天都看，有时间我会一一解答，看评论区也许有人提出了跟你同样想问的问题，可以看看我给出的回答，不用重复提问。浮动和绝对定位的基础知识网上随处可见，请自行查阅资料，本篇是帮助你在某场景下正确的用上你学到的知识、在莫名其妙前面找出问题所在、在做什么的时候可能会出现这样的问题、进一步的规范的css，本篇如出现错误，还劳烦请您在评论区指出，在此先表示感谢。浮动里面的浮...

css li 元素居中显示,CSS_UL里的LI元素左浮动层一行显示时使其居中的方法，在制作页面是，li浮动是很常 - phpStudy...

weixin_28939637的博客

08-04

696

UL里的LI元素左浮动层一行显示时使其居中的方法在制作页面是，li浮动是很常用的，一般情况也不用其居中，但有时，其特殊原因需要居中，这是就有点犯难了，这里有了一个很好的解决方法，主要是用了相对定位的原理。在ul外报一层，使其相对定位，再ul相对定位，距左50%，li相对定位，距右50%就实现了li左浮动后海居中显示。复制代码代码如下:无标题文档div, ul, li {margin: 0;padd...

html 设置li宽度自适应,如何处理在html中 li 的高度自适应（且li里面的内容有浮动的情况下）...

weixin_42588555的博客

06-22

2266

废话不多说，我们写贴出代码这个是 Html 代码23text1text2第二个button第三个button第四个button再贴出 css 代码.main ul li{width: 100%;line-height: 100%;border-bottom: 1px solid #333;padding: 15px 0px;background: #999;text-align: center;/...

DIV+CSS解决IE6，IE7，IE8，FF兼容问题

乐杨俊浅谈LAMP

09-05

1698

乐杨俊：DIV+CSS解决IE6，IE7，IE8，FF兼容问题 2011-07-25 21:11:47 DIV+CSS解决IE6，IE7，IE8，FF兼容问题 1.IE8下兼容问题，这个最好处理，转化成IE7兼容就可以。在头部加如下一段代码，然后只要在IE7下兼容了，IE8下面也就兼容了： 1. <metahttp-equivmetahttp-equiv="x-ua-compatible...

CSS完美兼容IE6IE7FF的通用方法

12-26

### CSS完美兼容IE6、IE7与Firefox的通用方法详解在Web开发的历史长河中，浏览器兼容性一直是开发者面临的重大挑战，尤其是处理早期版本的Internet Explorer（IE6和IE7）与现代浏览器如Firefox之间的差异。本文将...

标签增加CSS的overflow属性来清除浮动

09-27

对于Internet Explorer 6（IE6）的兼容性问题，我们需要使用私有属性`_height`来设定固定高度，因为IE6不支持`min-height`。同时，为了保持其他浏览器的`overflow:auto`效果，我们还需要定义`_overflow:visible`： ...

基于Qt框架的摄像头实时图像处理与蒙板绘制演示项目-使用QCamera类实现摄像头视频流捕获-将每帧图像实时显示在QLabel控件上-通过自定义绘图功能在图像上叠加半透明蒙板层-支.zip

08-16

jdk1.8基于Qt框架的摄像头实时图像处理与蒙板绘制演示项目_使用QCamera类实现摄像头视频流捕获_将每帧图像实时显示在QLabel控件上_通过自定义绘图功能在图像上叠加半透明蒙板层_支.zip

delphi—课程方案设计书(报表).doc

最新发布

08-17

delphi—课程方案设计书(报表).doc

基于高翔《自动驾驶与机器人中的 SLAM 技术》第四章用 ROS2 实现含图优化与预积分的惯性导航系统

08-16

资源下载链接为： https://pan.quark.cn/s/d4ebe49504e9 基于高翔《自动驾驶与机器人中的 SLAM 技术》第四章用 ROS2 实现含图优化与预积分的惯性导航系统（最新、最全版本！打开链接下载即可用！）

借助巡线功能实现自动驾驶操作

08-16

资源下载链接为： https://pan.quark.cn/s/ea72b3822b15 借助巡线功能实现自动驾驶操作（最新、最全版本！打开链接下载即可用！）

金融数学随机微分方程与期权定价模型实现：基于Python的随机过程分析及二项式模型应用（含详细代码及解释）

08-16

内容概要：本文详细复现了《MTHM006随机微分方程与金融数学》中的五个问题，涵盖随机微分方程解的存在性和形式、随机过程鞅性质的判定、概率测度变换与SDE、期望计算的两种方法以及二项式期权定价算法的实现。针对每个问题，不仅提供了严格的数学推导过程，还辅以Python代码实现和中文解释，确保理论与实践相结合。特别是二项式期权定价部分，从基础的欧式期权定价延伸到美式期权定价，探讨了收敛性分析、执行边界特征、计算效率优化等高级主题，并通过多种可视化手段展示结果。; 适合人群：金融工程、量化金融及相关专业的本科生、研究生，以及从事金融衍生品定价和风险管理工作的专业人士。; 使用场景及目标：①理解随机微分方程、鞅过程等金融数学概念的实际应用；②掌握二项式模型和Black-Scholes公式在期权定价中的具体实现；③学习如何利用Python进行金融建模和数值分析；④探索数值方法的优化技巧，如Richardson外推、内存优化等。; 其他说明：文章不仅满足了通过标准的基本要求，还深入探讨了相关领域的高级话题，体现了作者对随机金融模型和数值方法的深刻理解。此外，文中还涉及了AI工具在学术研究中的合规使用声明，为读者提供了宝贵的实践经验。

【RISC-V芯片技术】基于K1芯片的智能机器人开发平台详解：硬件配置、代码实现与应用案例（含详细代码及解释）

08-16

内容概要：本文详细介绍了基于RISC-V架构的K1芯片及其在智能机器人领域的应用，特别是其高性能、低功耗的特点。K1芯片拥有8核RISC-V CPU，提供50K DMIPS算力和2 TOPS AI算力，支持本地大模型运行。文章描述了K1芯片的硬件特性、软件生态及MUSE Pi Pro开发板的规格，并重点展示了K1芯片在机器人领域的应用，如myCobot 280 Risc-V六轴机械臂的视觉抓取、路径规划和多机协同等功能。此外，提供了详细的Python代码示例，涵盖硬件配置检测、机械臂控制、AI视觉抓取等功能，以及硬件申领流程、可选配件分析、云开发平台解析和技术资源支持体系等内容。适合人群：具备一定编程基础和嵌入式系统开发经验的研发人员，特别是对RISC-V架构和智能机器人感兴趣的工程师。使用场景及目标：①研究RISC-V架构下的高性能嵌入式系统设计；②开发基于K1芯片的智能机器人应用，如视觉抓取、路径规划等；③利用提供的代码示例快速上手K1开发板和相关配件的使用；④探索云端开发和远程协作的可能性。其他说明：文章不仅提供了理论介绍，还通过具体的代码示例帮助读者更好地理解和实践。建议读者在学习过程中结合实际操作，逐步掌握K1芯片及其生态系统的使用方法。

设置.name_en部分字体大小14px。 设置.name_ch 部分字体大小24px；黑体；右内边距10px。 设置.motto部分字体大小16px；黑体；上外边距20px。 设置ul.style_a部分上外边距：25px；左外边距:120px；列表项list-style设置为none；溢出部分隐藏overflow:hidden。 设置ul.style_a li部分左浮动；左外边距：10px。 设置ul.style_a li a部分白色背景；边框为 1px solid #ff7202；宽度：26px；高度：22px；文本居中对齐；行高：22px；垂直居中对齐；块级显示；字体颜色为：#ff7202；字体大小：18px；文本修饰：无。 设置ul.style_a li.current a:hover部分相对定位；宽度30px；高度26px；行高26px；背景色为#ff7202；前景色为白色；上外边距-2px。 ⑥控制右边大盒子及整体内容样式首先，对右边大盒子定义ID为right的选择器，定位右浮动属性，对其内容部分content_right我们同样可以运用绝对定位到相应的位置，同时对父元素right设置相对定位。 设置#right部分相对定位；宽度245px；高度335px；背景色#4b4642；右浮动。 设置#content_right 绝对定位；top:50px；left:30px。

05-25

以下是对你的样式要求的CSS代码： ``` .name_en { font-size: 14px; } .name_ch { font-size: 24px; font-family: 黑体; padding-right: 10px; } .motto { font-size: 16px; font-family: 黑体; margin-top: 20px; } ul.style_a { margin-top: 25px; margin-left: 120px; list-style: none; overflow: hidden; } ul.style_a li { float: left; margin-left: 10px; } ul.style_a li a { display: block; width: 26px; height: 22px; background-color: white; border: 1px solid #ff7202; color: #ff7202; font-size: 18px; text-align: center; line-height: 22px; vertical-align: middle; text-decoration: none; } ul.style_a li.current a:hover { position: relative; width: 30px; height: 26px; line-height: 26px; background-color: #ff7202; color: white; margin-top: -2px; } #right { position: relative; width: 245px; height: 335px; background-color: #4b4642; float: right; } #content_right { position: absolute; top: 50px; left: 30px; } ```