css排版,浏览器支持问题,高手请进

问题1、你的LI没设置宽度,LI外面的容器宽度也要设置才能自动排列~问题2、如果LI里面全部是英文单词或数字,就会出现不自动换行问题~问题3、你用来测试时,不要全部打数字或英文。问题4、给LI加个 word-wrap:break-word 如果LI有宽度,里面的英文或数字就能自动换行了~...
css排版,浏览器支持问题,高手请进
li高度设定了没? 看你的图li应该是固定高度
如果限定了高度还没用
在li的css代码里 写入 white-space:nowrap 禁止内部文字换行
这样肯定有效果了2010-05-25
问题1、你的LI没设置宽度,LI外面的容器宽度也要设置才能自动排列~

问题2、如果LI里面全部是英文单词或数字,就会出现不自动换行问题~

问题3、你用来测试时,不要全部打数字或英文。

问题4、给LI加个 word-wrap:break-word 如果LI有宽度,里面的英文或数字就能自动换行了~2010-05-25
正确的写法是 给LI设置固定宽度。比如100PX UL 设置680PX 那么当 第7个li不够100的时候 他就会自动换行了 必须要给LI一个固定宽度 问题解决。、
一般这样写都是做导航条用的吧。
LI要设置高度 和行高一样 文字就垂直居中显示了。2010-05-25
如果说li不设制它的宽度,就会出现你说的那个现相,给li加个宽度,就可以了2010-05-25
mengvlog 阅读 14 次 更新于 2025-07-19 07:52:47 我来答关注问题0
  •  阿暄生活 css浏览器兼容性的问题,怎样写css样式兼容各种浏览器

    熟悉Chrome、Firefox、Safari、Opera和IE等标准浏览器及其版本更新。注意UC、猎豹、QQ、360、搜狗和夸克等基于标准浏览器核心的浏览器的特性。使用CSS前缀:为Chrome和Safari浏览器添加webkit前缀。为IE浏览器添加ms前缀。为Firefox浏览器添加moz前缀。为Opera浏览器添加o前缀。这有助于确保在不支持特定CSS3属...

  • 浏览器兼容问题一:不同浏览器的标签默认的margin和padding不同问题症状:誉扒随便写几个标签,不加样式控制的情况下,各自的margin和padding差异较大。碰到频率:100%解决方案:CSS里加一行1*{margin:0;padding:0;}备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几乎所有的CSS文件开头都会用通配符*来设置各个...

  •  宜美生活妙招 常见浏览器兼容性问题与解决方案

    解决方案:使用{min-height:200px; height:auto !important; height:200px; overflow:visible;}的组合设置,以确保标签在不同浏览器中都能达到最小高度要求。特殊样式的兼容性问题 问题症状:透明度、圆角、阴影等特殊样式在各浏览器中代码差异大。解决方案:针对不同浏览器编写不同的CSS代码,或使用Java...

  • 1.目前来说对css支持最好的公认的是火狐浏览器,错位的原因在css代码书写不规范。2.兼容性:对于CSS(样式表)并不是所有浏览器的所有版本都支持的很好,比如IE5以前的浏览器对于CSS的支持就不是很好。而现在使用IE5以前版本浏览器的用户不在少数,这样就使得在页面制作的过程中需要针对不同浏览器版本进...

  •  翡希信息咨询 web前端知识扩展,CSS实现隐藏滚动条,解决浏览器兼容性问题

    CSS实现隐藏滚动条并解决浏览器兼容性问题的策略如下:CSS伪装法:简介:此方法通过CSS样式将滚动条隐藏,同时保持元素的可滚动性。实现:可以使用overflow: hidden;来完全隐藏滚动条及滚动功能;或者使用伪元素和特定的CSS属性来在视觉上隐藏滚动条,同时允许内容滚动。兼容性:此方法适用于所有主流浏览器,...

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部