原文:让LI排成一行(兼容FF,Chrome,IE7/8/9)

我们经常会用ul, li来制作菜单,让li排成一行当然不是什么难事,比较常见的是让li浮动。然后给ul设置一个比较大的宽度,以确保li不会把ul 撑破 。 这样做固然可以,但不是很好。首先,有浮动就要清除浮动。其次,我们必须给UL的宽度预设一个比较大的值。 这里要介绍另一种方法,通过display:inline block和white space:nowrap来实现同样的效果。 形如下面的DOM, ...

2012-05-30 21:48 3 5940 推荐指数:

查看详情

一行代码轻松搞定各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE兼容问题? 百度源代码如下: 可以打开百度,右键查看源码看下!我们可以看下文件头是否存在这样一行代码,这句话的意思是强制使用IE7模式来解析网页 ...

Thu Jul 12 17:20:00 CST 2018 0 906
一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10(复制)

在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE兼容问题 百度源代码如下<!Doctype html><html xmlns=http://www.w3.org/1999/xhtml xmlns ...

Fri Aug 05 20:08:00 CST 2016 0 2404
一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 2012-04-25 16:29:04| 分类: 学习 |字号 订阅在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案 百度也应用了这种方案去解决IE兼容问题 百度 ...

Sat Jul 28 05:01:00 CST 2012 4 33567
CSS之导航栏设计之 ul 之 li 标签排成一行

在HTML页面元素设计中,把具有相同一类功能的列表用 li 标签。例如导航栏中的菜单。一、原始样式 - display: list-item;二、改成一行 - display: inline-block;三、最终效果四、代码 - ...

Tue Jun 04 19:25:00 CST 2019 0 982
让div排成一行===>inline-block的兼容

行内元素,排列在一行,但是不能设置它的width、height、margin、padding属性,即使设置了,也是不生效的。 快元素独占一行,如下的这个例子,before div、in div1、in div2、after div分别占一行,也就是说,块元素前后都不能有行内元素和文 ...

Wed Mar 02 22:58:00 CST 2016 1 3845
JavaScript阻止事件冒泡(兼容IEChromeFF

这里仅仅是一个简单代码demo,因为时间问题并未做深入研究,因为今天做项目时要用到阻止事件冒泡的内容,找了好多才找到一个可以使用的,特记录之。 <!DOCTYPE HTML> &l ...

Wed Jun 24 23:16:00 CST 2015 0 4553
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM