html-为何我的li和里面的文字之间有空隙?

问题描述

为何我的li和里面的文字之间有空隙?

li里面有文字,文字是12px的,我给li设置的高度也是12px,为何firebug下查看,
li里的文字不顶格写的,导致文字超出了12px的li的高度?

其中代码有初始化设置过。

解决方案

.fenlei li li这个类增加line-height:12px,应该你其他地方设置过line-height了,导致继承了上一级设置的line-height样式

解决方案二:

写错样式了吧
.fenlei li.spec{...}
.fenlei li{...}

解决方案三:

不是的,代码是这个样子的

  • 精美包包

    • 双肩包
    • 手提包
    • 女包
    • 男包
    • 解决方案四:

      其实,汉字的高度都不止12px,你考虑到汉字本身的高度了没有,另外line-height 确实很管用

      相关文章


      • 安卓popupwindow-跪求大神告诉我为什么我的popupwindow与左边框有空隙
      • html- li里面的文字在 li 框里居中
      • 初学者-关于View控件缩放问题
      • html td ul li-hml td 列中使用ul li 显示中有空格无法去除 (有图)
      • i ext ield-UITextField设置background,但是未填满?
      • html-新手,HTML中图片插入问题
      • 计算机图形学问题求解答
      • jquery控制两个div中二级分类显示
      • itext-iText生成文字与表格之间的空行问题
      • 代码-css 字体无法居中 我设置的 感觉text-align: center;无用

      【云栖快讯】2017互联网超级工程阿里双11完美落幕,交易额突破1682亿,但阿里工程师如何玩转“超级工程”,背后黑科技又是如何?12月13-14日,12位大咖直播分享揭秘1682亿背后技术实践,马上预约  详情请点击

      热门推荐


      • 高性能云服务器2折起
      • 云服务器配置
      • 技术资料
      • 云计算
      • 域名
      • shell
      • node.js
      • 问答
      • java
      • mysql
      • C++
      • python
      • jQuery
      • Android
      • asp
      • PHP技巧
      • jQuery教程
      • JavaScript技巧
      • JS
      • SEO
      • sql server
      • mysql教程
      • 前端
      • 技术文集
      • 技术
      • 主题地图
      • A
      • z
      • 云服务器哪家好
      • API
      • 大数据
      • 云安全
      • 云存储
      • 云计算
      • 获取公众号授权失败
      • 兼容性疑难解答
      • path
      • stm32
      • jsonobject
      • product

      前三篇


      • js控制每个li滑到顶部时翻转90度离开,下滑时翻转90度进来中js代码怎么写啊
      • javase-记事本程序的新建功能
      • serial ort-C#serialPort实现串口通信

      后三篇


      • link中如何向函数传递一个运算符?能不能把运算符放入表达式中?
      • c#-C# 字符串截取的问题,怎么样效率最高??
      • ram-请问用Verilog HDL怎么读写4片RAM,并进行仿真?

      (yq.aliyun.com)为您免费提供html-为何我的li和里面的文字之间有空隙?相关信息,包括
      css
      html
      的信息
      ,所有html-为何我的li和里面的文字之间有空隙?相关内容均不代表的意见!
      该页面h5页面的地址是:https://m.aliyun.com/yunqi/wenzhang/show_57550,您可以点击html-为何我的li和里面的文字之间有空隙?-手机站访问。

      时间: 2024-11-16 15:12:09

html-为何我的li和里面的文字之间有空隙?的相关文章

li中插入img图片间有空隙的解决方案_CSS/HTML

直接加样式img{vertical-align:bottom; display:block} 当然在某些情况下无效,比如我要加三个图片,上中下,中间的图片是设为背景,发现用此方法无效,只是上和中的图片空隙没了,而下与中之间还存在,方法很简单,把vertical-align:bottom改成top,可根据自己遇到的不同情况来设vertical-align的参数 方法一: 复制代码 代码如下: img{vertical-align:top; display:block} 复制代码 代码如下: <st

用ul、li标签创建css横向导航菜单示例

创建CSS样式文本导航条的最简单解决方法也许就是把所有的链接都放在一行文本里,这种方法看起来很合理也很直观.但问题在于把所有的链接都放在一行文本 里就很难控制链接之间以及前后的空白.所以,为了避免所有的链接都挤在一起,你最后通常都不得不插入一些东西或者非换行的空白字符作为分隔,让这些文字分 离开来,不至于混在一起. 现在我们正常的做法是应用ul.li标签把链接作为无序列表(unordered list)来标识.再应用CSS样式对其进行控制,按我们预想的形式在容器中显示出来.对导航条使用无序列表似

2天驾驭DIV+CSS!第四课(下)

第四课的思路就是这样的,如果吃透了这节课,那么以后什么样子的导航都很轻易作出来,如果你在和js很好的结合起来用~你就可以很自信的向老板提出加薪了!!!^_^ 上节课我们将导航条做成了下面的效果[第四步] 我们需要将上面的导航条做以下几个修改1)给上面的导航加上链接:2)链接文字大小修改为12px;3)并且规定链接样式,鼠标移上去和拿开的效果修改方法如下1)导航加链接,HTML代码如下:<div id="nav">    <ul>     <li>&l

语义化你的HTML标签和属性

语义化你的HTML标签和属性 分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容.一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义,没有理由使用其他的标记.换句话说,不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素,比如用<div>来代替<p>标记标题. 首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,个人认为他的主要目的就是让大家直观的认识标签(markup)和属性(a

学习网页应知:HTML标签和属性的语义化

网页 分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容.一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义,没有理由使用其他的标记.换句话说,不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素,比如用<div>来代替<p>标记标题. 首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,个人认为他的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途

网页制作基础:HTML标签和属性的语义化

网页 分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容.一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义,没有理由使用其他的标记.换句话说,不要让 CSS 使一个 HTML 元素看起来就像另一个 HTML 元素,比如用<div>来代替<p>标记标题. 首先是关于语义(Semantics)和默认样式的区别,默认样式是浏览器设定的一些常用tag的表现形式,个人认为他的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途

CSS的list

原来工作中曾经碰到过UL列表里一些异常的表现,加上昨天看到了http://bbs.blueidea.com/thread-2984871-1-1.html 这个贴子,所以测试了一下list-style的各种属性,发现了一个有意思的现象 先看一下CSS手册中,对于list-style的解释 定义和用法list-style 简写属性在一个声明中设置所有的列表属性.        说明       该属性是一个简写属性,涵盖了所有其他列表样式属性.由于它应用到所有 display 为 list-ite

设计一个基于CSS的网页模板

css|模板|设计|网页 这是一个教你如何一步一步学习建立基于CSS制作网站的开始,这个教程将由几个部分组成.第一部分是讲述如何在photoshop中制作导航按扭的:第二部分将讲述背景的制作,再下一个是讲述标题(header)和页面的设计规划的,在最后是CSS和XHTML的应用的执行.现在也许有些人想知道为什么在我的教程里要以导航按扭的制作来开始,呵呵,其实我最初的目的是要讲述一段关于这些简单按扭的制作方法的小教程的,但是即然这个想法开始了,为什么不做一个全面的讲解呢!建立一个像玻璃面一样的导航

小技巧:CSS列表标签出现问题的解决办法

css|技巧|解决|问题 DIV CSS网页制作小技巧:li中出现两个以上浮动时 列表标记出现问题的解决办法. 在LI中定义了两个以上float浮动,其中有一个左浮动.IE中列表标记跑到右边,ff中自己定义一行.看下面的代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">