chrome,ff浏览器默认行高不同,需要初始化。

chrome下是16px  ff是18px

设置不同行高,auto、18px 16px

 1 <!doctype html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <style>
 7     ul,li{ 8         margin: 0;
 9         padding: 0;
10     }
11     h6{12         font-size: 16px;
13         border-bottom: 1px solid #ccc;
14         margin: 10px 0;
15         height: 18px;
16         line-height: auto;/* 18px,16px */
17     }
18     ul{ overflow: hidden;}
19     li{20         border: 1px solid #ccc;
21         border-bottom: none;
22         z-index: 103;
23         font-size: 14px;
24         float: left;
25         list-style: none;
26         margin-right: 20px;
27         padding: 10px;
28     }
29     </style>
30 </head>
31 <body>
32     <h6>前端之路<ul >
33                         <li ><a href="#">我的前端之路</a></li>
34                         <li ><a href="#">我对前端的理解</a></li>
35                         <li ><a href="#">有趣的标签</a></li>
36                         <li ><a href="#">奇怪的问题</a></li>
37                     </ul></h6>
38 </body>
39 </html>

转载于:https://www.cnblogs.com/snowinmay/archive/2013/05/12/3073937.html

chrome,ff浏览器默认行高相关推荐

  1. Excel 恢复默认行高、列宽

    操作系统:Windows 10 x64 工具1:Excel 乱糟糟的! 选中需要调整的区域,选择菜单:开始 > 格式 > 自动调整行高 选中需要调整的区域,选择菜单:开始 > 格式 ...

  2. 让IE和Firefox(包括chrome)浏览器默认产生滚动条的滚动槽

    html{overflow-y:scroll;} 转载于:https://www.cnblogs.com/yuchav/archive/2011/10/19/2217652.html

  3. css控制文本的行高

    line-height可以控制文本的行高 示例 <p> 这是一个标准行高的段落. 在大多数浏览器默认行高约20 px. 这是一个标准行高的段落. 这是一个标准行高的段落. </p&g ...

  4. html里面行高的原理,CSS行高(line-height)及文本垂直居中原理

    在CS多现业讲进行效通近年有务这行定果过近年有S中,line-height 属性设置两段段文本之间的距离,也就是行高,如果我们把一段文本的line-height设置为父容器的高度就可以实现文本垂直居中 ...

  5. CSS 行高与行对齐精解:line-height 和 vertical-align (图文)

    7.3 line-height 行高指的是文本行的基线间的距离,但是文本之间的空白距离不仅仅是行高决定的, 同时也受字号的影响. 7.3.1 语 法 line-height属性的具体定义列表如下: 语 ...

  6. PHP excel导出(自定义样式,行高,合并单元格等)

    PHP 导出多个sheet 或者导出带样式的excel 修改样式方式见下文 具体使用需要根据具体业务进行一些调整和封装 $PHPExcel = new \PHPExcel(); $sheetIndex ...

  7. CSS——行高、字体、文本的样式

    一.行高 行高(line height)行高指的是文字占有的实际高度可以通过line-height来设置行高行高可以直接指定一个大小(ex pm)也可以设置一个整数如果是一个整数行高将会是字体的指定的 ...

  8. 盒子嵌套盒子行高问题

    行高=两个文字基线的距离 行高 1.浏览器默认文字大小: 浏览器默认文字大小          16px       默认行高:                        18px(inline- ...

  9. 字体族、图标字体简介、图标字体的其他使用方式、IconFont、行高、字体的简写属性、文本的水平和垂直对齐、其他的文本样式——06fontbackground

    目录 一.字体族 二.图标字体简介(font awesome的使用) 三.图标字体的其他使用方式 四.iconfont 五.行高 六.字体的简写属性 七.文本的水平和垂直对齐 八.其他的文本样式 九. ...

最新文章

  1. Confluence 6 数据库表-系统信息(System information)
  2. ubuntu下编译php扩展的时候报缺少pcre解决办法
  3. ASP.NET froms 身份验证之Roles
  4. MultiBox_Loss bug改进
  5. 【python】队列——用顺序表实现队列操作
  6. 正则不等于一个字符串_更正一个观念:“积食”不等于“吃多了”
  7. ccna综合实验实训总结_实验室设备搬迁工作顺利展开
  8. [深入浅出WP8.1(Runtime)]Socket编程之UDP协议
  9. NSString和SwiftString的区别和使用场景
  10. 阿里云上遇到: virtual memory exhausted: Cannot allocate memory
  11. GeneDock协助诊断基层地区的听力障碍儿童 #科技有温度#
  12. 【Elasticsearch】Elasticsearch 最佳实践系列之分片恢复并发故障
  13. leetcode —— 数组(1. Two Sum)
  14. Android的JNI【实战教程】4⃣️--C调用Java代码
  15. 计算机毕业设计网吧管理,毕业设计50河北大学计算机毕业设计网吧管理系统.doc...
  16. Altium Designer 21 实例贴片0603封装的创建
  17. 计算机控制人脑的电影,推荐20部全球经典烧脑电影,考验你智商的时刻到了(上)...
  18. 福利最新2022年H3CNE认证网络工程师GB0-191 题库加超详细解析
  19. 中国人霸屏奥运会乒乓球赛这事 外国人怎么看?
  20. PR视频去水印—中间值

热门文章

  1. C语言 字符串数组 的输入 总结
  2. Linux网易云无法输入中文,Manjaro解决网易云音乐无法在搜索框输入中文的问题
  3. 数据结构(四)、LSM树(日志结构合并树)
  4. 转移到ios下载安卓_转移到ios下载官方app-转移到ios手机版v3.0.1 安卓版 - 极光下载站...
  5. 【论文解读|2021AIED】Option Tracing: Beyond Correctness Analysis in Knowledge Tracing
  6. 放大电路的反馈(5.1~3小节)
  7. 巨蟹座|巨蟹座性格分析
  8. 第九届蓝桥杯大赛个人赛决赛(软件类本科B组)做题笔记和订正
  9. sicp计算机应用基础,Windows 7基础知识
  10. 数据治理系列:数据仓库物理分层_数据仓库逻辑分层