`
Odysseus_110
  • 浏览: 117279 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

div 横线

阅读更多

今天写div,想用div写一条横线,但不管怎么调,div都太高了,中间空了一大块,google一下,得到答案:

“字体的大小上,每一个div都有一个默认的字体大小的,这个大小就是浏览器的默认字体大小。所以你div里不放任何东西的话,这个div的默认高度就是这个默认字体大小的高度了。所以你的css中只需要加上font-size: 1px;就可以实现你要的东西,虽然用指定字体大小的代码不如行高的实现效果和代码少好,但是从理论和道理上来讲是更正确的方向的。”

但这样在Firefox中不灵。后来用hr,但在Firefox中还是有好多问题,先把帖子记录下来,有时间再弄。

 

 

http://www.iteye.com/topic/19791

 

http://bbs.blueidea.com/thread-1677623-1-1.html

分享到:
评论

相关推荐

    (完整word版)HTML+CSS+Div测试习题.doc

    6. 在 CSS 的文本属性中,文本修饰的取值 `text-decoration: line-through` 表示横线从字中间穿过。 7. 外部式样式单文件的扩展名为 `.css`。 8. 超链接是一种一对一关系。 9. 关于文本对齐,源代码设置不正确的...

    css实现中间文字两边横线效果

    1. vertical-align属性实现效果: vertical-align 属性设置元素的垂直对齐方式。... 中间文字,两边横线 <span class=line></span> </div> <style> .header { width:400px; height:36px; line-height:3

    HTML如何在两个div标签中间画一条竖线

     往常我们画一条横线直接用标签即可,当画一条竖线的时候发现找不到标签。在网上查找了一下资料,大致推荐用js来做。小弟比较偏执想用纯css来做,最终找到了解决方法,下面我就来分享一下我的做法。  在两个子div...

    纯css实现元素下出现横线动画(background-image)

    <div class='site_bar'>首页</div> css: .site_bar{  background-image : linear-gradient(red,red);  background-position : center bottom;  background-size : 0 2px;  background-repeat : no-repeat; //这...

    JavaScript实现横线提示输入验证码随输入验证码输入消失的方法

    最近做微信端的页面遇到了一个之前没有遇到过的一个页面,刚开始放在那没有去写,可是等其他页面都写好的时候,还是得回过头来研究这个页面问题,刚...--黑色横线框--> <div class=pass-box> <div class=pass-line>

    JSP页面上用下横线代替文本框效果的代码

    <div align=”center”><center><p>帐户:</strong> ”Courier”><input name=”reviewone” size=”15″ style=”color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: ...

    基于JS实现横线提示输入验证码随验证码输入消失(js验证码的实现)

    最近做微信端的页面遇到了一个之前没有遇到过的一个页面,刚开始放在那没有去写,可是等其他页面都写好的时候,还是得回过头来研究这个页面问题,...--黑色横线框--> <div class=pass-box> <div class=pass-line

    HTML:超文本标题语言

    horizontal 横线(分割线 break 打断,换行 ※div span 标签:起到一个包裹作用,将网页分开布局,没有任何语义化 div是一个块级标签,可以设置其大小 span是一个行内元素,不能设置其大小,限定于内容的元素...

    css的margin collapsing导致最上面会出现一个横条

    本意是那一片空横条应该为header的背景色。查了一些资料,发现是margin collapsing的问题,记录下来,希望初学者少走弯路。 从问题说起 先给出demo的源码和截屏,给出一个直观的印象。代码如下: ...

    Javascript 拖拽雏形(逐行分析代码,让你轻松了拖拽的原理)

    那这个斜线就是横线和竖线组成的。 我们距离看下程序怎么做。 <div id=div1> </div> 实际上他改的就是某个div 的left top ,那他就动起来了。 那样式中肯定要有绝对定位是吧。 <style type=text/css> #...

    html 实现tab切换的示例代码

    原理:通过label标签的关联属性和input的单选类型实现相应div的显示 1.创建一个类名为wrap的div当作容器 2.创建四个label标签,这将作为tab切换项 3.在每一个label中创建一个span标签(导航内容),input标签(实现...

    JQuery中attr属性和jQuery.data()学习笔记【必看】

    <div data-mydata=123></div> consoloe.log($(div).data...二避免在key中使用短横线 <a>fizz buzz! $('#bar').data().fooBarBaz; //works $('#bar').data()['fooBarBaz']; //works $('#bar').data()['foo-bar-baz']

    Element Collapse 折叠面板的使用方法

    <div>与现实生活一致:与现实生活的流程、逻辑保持一致,遵循用户习惯的语言和概念;</div> <div>在界面中一致:所有的元素和结构需保持一致,比如:设计样式、图标和文本、元素的位置等。</

    js实现横向拖拽导航条功能

    效果如下: ...div横向拖拽排序</title> [removed][removed] <style type="text/css"> body, div { padding: 0px; margin: 0px; } .box { position: relative; margin-left: 15px; pad

    Vue Prop属性功能与用法实例详解

    这意味着当你使用 DOM 中的模板时,camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名: html: <div id=app-1> <!-- HTML 中是 kebab-case --> 你好!> </div>

    基于elementUI竖向表格、和并列的案例

    效果图如下 代码 <div> data=tableData span-method=objectSpanMethod cell-style=columnStyle xss=removed> <template slot-scope=scop

    java经典面试2010集锦100题(不看你后悔)

    C) 该程序能通过编译并运行,但是如果想得到输出“I am print in Test”的结果,需要在横线处填写t.showme()。 D) 该程序无法通过编译,因为在Test类中的构造方法被写成私有,那么Test t=new Test() 将无法找到合适...

    正则表达式30分钟入门教程

    -不是元字符,只匹配它本身——连字符(或者减号,或者中横线,或者随你怎么称呼它)。 为了避免那么多烦人的重复,我们也可以这样写这个表达式:0\d{2}-\d{8}。 这里\d后面的{2}({8})的意思是前面\d必须连续重复匹配2...

    《数据结构 1800题》

    i:=n*n WHILE i<>1 DO i:=i div 2; 14. 计算机执行下面的语句时,语句 s的执行次数为 _______ 。【南京理工大学 2000二、1(1.5分)】 FOR(i=l;i;i++) FOR(j=n;j>=i;j--) s; 15. 下面程序段的时间复杂度为...

Global site tag (gtag.js) - Google Analytics