chrome,ff浏览器默认行高

最新推荐文章于 2023-07-03 15:20:50 发布
最新推荐文章于 2023-07-03 15:20:50 发布
阅读量604 收藏
点赞数
文章标签： 前端 ViewUI
原文链接：http://www.cnblogs.com/snowinmay/archive/2013/05/12/3073937.html
版权

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

demographic2017
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html调整浏览器兼容性,浏览器兼容性问题整理
weixin_31124869的博客
06-09 904
最近在做网站运维的时候，碰到一个网站安全控件无法显示的问题，和同事测试了好几天终于明白了一些原理，今天随便做下记录，也分享给其他人，以便参考。浏览器兼容性问题是令我等搞前端人很头疼的问题，虽然目前的浏览器对web标准支持的较好，但是还是有不少的人固守着XP,当然XP上自带的浏览器会令人疯掉。兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后， div 会增...
浏览器兼容
qq_42734999的博客
08-09 8060
一、浏览器内核 五大主流浏览器：IE浏览器、Opera浏览器、Safari浏览器、Firefox浏览器、Chrome浏览器 四大内核：Trident内核(也称IE内核)、Webkit、Chrome、Blink IE浏览器内核：Trident内核，俗称IE内核 Chrome浏览器内核：统称Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核 Firefox浏览器内核...
浏览器对可见元素的默认高度
weixin_34037515的博客
11-30 249
2019独角兽企业重金招聘Python工程师标准>>> ...
行高
The_last_knight的博客
01-19 998
行高   在之前我们有提到这个属性line-height,该属性用来设置行高，并且我们用它来设置过行间距。为了明白行高指的是什么之间的距离，我们需要明白下面这个图   一个文本内容被四条线划分，而行高指的就是基线与基线之间的距离，当不设置行高时，行高的大小为字体的大小，所以行与行之间是紧贴着的。   在导航栏练习中，为了使文字能够垂直居中对齐，我们让line-height的大小等于盒子的大...
为什么浏览器默认p的高度是21px
dragoo1的专栏
09-24 792
<html> <head> <meta charset="utf-8"> </head> <body> <p style="background-color: #407bbd;padding: 0 0 0 0;margin: 0 0 0 0;">Apple</p> </body> </html> 无论chrome还是firefox，盒模型的高度都是21px，但字体默认是1em=16.
解决谷歌浏览器设置小于12px字体不起效果
陈铭杰的博客
06-11 1064
谷歌浏览器限制font-size小于12px按12px显示。 可用transform:scale(0.x);
web前端开发基础第5天
qq_31585095的博客
07-21 353
1.1浏览器默认文字大小 浏览器默认文字大小 ：   16px 默认行高：  18px（inline-height） 行高 = 文字大小 + 上间距 + 下间距 行高： 1.2行高的作用 当行高为父容器的高度时，可以让父容器中的文字垂直显示 div{ height: 100px; width: 300px;
select的最佳预设打造全兼容各浏览器select
09-28
首先，我们注意到IE6、IE7、IE8、IE9、Firefox（FF）、Chrome（Ch）和Safari（SF）等浏览器对 `select` 的高度、内边距（padding）以及行高（line-height）的支持情况有所不同。IE6的默认高度固定为22px，不受CSS...
浏览器兼容问题
08-18
**问题描述**：在 FF、Opera 和 Chrome 中，`div` 内嵌套 `<p>` 标签时，顶部和底部会出现空白行，但在 IE 下不会出现。 **解决方案**： 1. **设置 `margin` 为 0**： ```css .paragraph { margin: 0; } ``` ...
浏览器兼容性问题及解决方案大汇总
qq_51179053的博客
07-03 3159
所谓浏览器兼容性问题：是指不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的效果。解决方法前端开发疆场需要检查浏览器的兼容性，这里推荐（Can I Use）这个查询网址。是一个针对前端开发人员制定的一个查询CSS、JS、HTML5、SVG，可以很好的保证网页在浏览器中的兼容性。CSS兼容问题1、不同浏览器的标签默认的内外边框不同。解决方案 {margin:0;padding:0}/** * 该文件用于清除浏览器样式 */ html, body, div, span, applet, objec
CSS基础(22)_行高、文字简写属性、文本样式
no15870678621的博客
04-22 1448
行高、文字简写属性、文本样式
CSS中line-height属性
qq_42526440的博客
01-06 2257
line-height CSS 属性用于设置多行元素的空间量，如多行文本的间距。对于块级元素，它指定元素行盒（line boxes）的最小高度。对于非替代的 inline 元素，它用于计算行盒（line box）的高度。 CSS Demo: line-height line-height: normal; line-height: 2.5; line-height: 3em; line-height: 150%; line-height: 32px; 语法 /* Keyword valu
(document).height()与$(window).height()
aijue2015的博客
01-06 358
jQuery(window).height()代表了当前可见区域的大小，而jQuery(document).height()则代表了整个文档的高度，可视具体情况使用. 注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变，但是jQuery(document).height()是不变的。 $(document).sc...
chrome控制台如何把vw显示成px_Chrome浏览器对CSS中的行高和高度有周期性的计算错误...
weixin_39715907的博客
11-22 266
一般情况下，在CSS中，对于单行的纯文本元素，它的高度（height）就是由它的行高（line-height）决定的。例如，将一段只有一行的文字的行高设置为30px，那么这一个“块”的高度也就是30px。但在实践中我发现，FireFox、Edge、IE等浏览器应用上述规则时都没有问题，但是Chrome浏览器在根据行高计算元素的高度时，结果与理论值会有偏差，显示出来的height值可能会略小于lin...
各浏览器私有前缀-兼容行高line-height
信念堤岸
02-25 6751
line-height: 35px\9; /*IE8*/    *line-height: 35px; /* IE7支持 */     _line-height: 35px; /* IE6支持 */     -ms-line-height: 35px;/*IE9+支持*/    -webkit-line-height: 1; /*chrome safair*/    -moz-line-
CSS中的默认行高是20px
kbx8916的博客
12-10 2102
在大多数浏览器中，默认行高是20px;百分比的情况下是110%-120%；
css中line-height属性,CSS line-height 属性
weixin_36337756的博客
08-03 837
属性定义及使用说明line-height 设置以百分比计的行高。注意：负值是不允许的默认值：normal继承：yes版本：CSS1JavaScript 语法：object.style.lineHeight=”2″属性值值描述normal默认。设置合理的行间距。number设置数字，此数字会与当前的字体尺寸相乘来设置行间距。length设置固定的行间距。%基于当前字体尺寸的百分比行间距。inher...
css控制文本的行高
『程序员·小李』的博客
12-31 2071
line-height可以控制文本的行高 示例 <p> 这是一个标准行高的段落。 在大多数浏览器默认行高约20 px。 这是一个标准行高的段落。 这是一个标准行高的段落。 </p> <p class="p1"> 这是一个更小行高的段落。 这是一个更小行高的段落。 这是一个更小行高的段落。 这是一个更小行高的段落。 </p> <p class="p2"> 这是一个更大行高的段落。 这是一个更大行高的段落。 这是一个更大行高的段落。 这是一个
css文本行高是哪个属性_CSS行高（line-height）及文本垂直居中原理
weixin_39980360的博客
12-21 671
在CSS中，line-height 属性设置两段段文本之间的距离，也就是行高，如果我们把一段文本的line-height设置为父容器的高度就可以实现文本垂直居中了，比如下面的例子：Documentdiv {width: 300px;height: 200px;border: 1px solid red;}span {line-height: 200px;}文本垂直居中原理这样，span标签中的文字...
latex表格如何缩小默认行高
最新发布
09-11
要缩小LaTeX表格的默认行高，可以使用`\renewcommand\arraystretch{}`命令来改变表格的行高倍数。默认情况下，`\arraystretch`的值为1，表示行高为默认高度。通过将`\arraystretch`设置为小于1的值，可以达到缩小...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值