零基础建站培训介绍

当前位置:

消除HTML5 li 标签横排后空隙的办法

我们在做网站时,网站上的列表都是用LI标签来做的,使用li标签制作了列表之后,会发现在 ie 7 下发现 li 元素之间会留白,如下图:

HTML5 li 标签之间空白间隔的解决办法4

原以为是样式的问题,后来看到有博文写到“行框的排列会受到中间空白(回车/空格)等的影响,因为空格也属于字符,这些空白也会被应用样式,占据空间,所以会有间隔”。

解决办法:

li 标签之间的空白,可以通过设置 li 标签的 font-size 为 0,可以解决:(如果对HTML不了解,可以学习一下HTML入门教程


li{ padding:0; margin:0; height: 30px; line-height: 30px; font-size: 0; /* 设置 font-size0 即可 */}

修改后的效果如图:HTML5 li 标签之间空白间隔的解决办法

上一课: 下一课:

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • html 标签基本语法 (115693 次学习)
    html 标签基本语法有以下几个特点:刚刚接触超文本,遇到的最大的障碍就是一些用“<”和“>”括起来的句子,我们称它为标签,是用来分割和标记文本
  • 在网站制作过程中经常需要使用到让div进行水平和垂直居中的技术。现在我们就来谈谈如何实现让div水平和垂直居中。Div标签水平居中方法Div标签水平
  • 在HTML中除了一些常用的HTML标签之外,还有一些HTML特殊字符,使用过程中不能直接拼写出来,必须使用特殊字符代码才能显示出来。例如®、©、∑等等。这
  • HTML自动换行与强制换行在学习做网站过程中都要经常用到。下面学做网站论坛介绍一下html强制换行与强制不换行的写法。强制换行text_wrap {wh
  • HTML 版本及出现日期 (14290 次学习)
    从 Web 诞生早期至今,已经发展出多个 HTML 版本:版本年份HTML1991HTML+1993HTML 2.01995HTML 3.21997HTML 4.011999XHT
  • 事件 onactivate当对象设置为活动元素时触发。onafterupdate当成功更新数据源对象中的关联对象后在数据绑定对象上触发。onbeforeac
  • 什么是HTML标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML标签即是网页浏览器识别符,就像一个人名字张三、李四代表人的姓名一样。这里说
  • 怎么制作网页 (11806 次学习)
    网页是由HMTL和CSS组成的,通过HTML代码和CSS代码我们就可以制作出一个网页。下面介绍一下网页制作方法。打开DW网页编辑软件新建HTML有两种方法
  • 所有网站都是由网页组成的,做网站之前需要学习网页制作设计。网页设计对于初学者来讲,要找对一个好的学习方法之前,首先要了解网页设计需要学什么知
  • java怎么做网站?JAVA是一种性能很高的编程语言,下面介绍一下java做网站的方法。第一步:从start.spring.io/上面下载一个springboot的maven项目,解