文档章节

文字如果用<br/>换行后加上了line-height,为什么line-height不起作用了?

suna123
 suna123
发布于 2015/04/12 23:18
字数 309
阅读 29
收藏 0

1.一个p元素里的文本用<br/>换行后,给p元素加上了line-height,但line-height却不起作用,

<div class="top2">
        <h1>龙湖股份:百强房企跨越上市 引领地产阔步走强</h1>
        <p>12月30日上午9点28分,随着董事长俞午先生和总裁汪液女士一起敲<br />
        响了当天开市锣声,A股开盘之时,正式更名为"龙湖股份"。......</p>
       </div>
 .top2 p{color:#FFF; margin-top:15px; text-indent:24px; line-height:10px;   }

当line-height值大于10px的时候又会起作用了,请问这是为什么呢?

 

2.

当用两个p元素而不用<br/>时, line-height:10px,又有作用了,请问原因何在?

<div class="top2">
<h1>龙湖股份:百强房企跨越上市 引领地产阔步走强</h1>
<p>12月30日上午9点28分,随着董事长俞午先生和总裁汪液女士一起敲</p>
<p>
响了当天开市锣声,A股开盘之时,正式更名为"龙湖股份"。......</p>
</div>

.top2 p{color:#FFF; margin-top:15px; text-indent:24px; line-height:10px; }

这种情况有点迷糊了?小白一枚,还望大神不嫌弃请指教。

© 著作权归作者所有

共有 人打赏支持
suna123
粉丝 2
博文 18
码字总数 8841
作品 0
昌平
网页/平面设计
line-height 控制文字间距

line-height是行高,height就是高,通常height是对于某个框架或者图片来弄的,line-height用于文字 如果要实际效果你可以写一段文字,分好几行,然后对它做line-height属性,就会注意到变化了...

IT姑凉
2013/12/11
814
0
彻底搞定vertical-align垂直居中不起作用疑难杂症

原本我的文章标题是深入探讨line-height与vertical-align的疑难杂症,但这样似乎没能针对性的抛出一个问题,故改成“彻底搞定vertical-align垂直居中不起作用疑难杂症”。因此,本文讲解的还...

阿K1225
02/12
0
0
《Head first HTML与CSS 第二版》读书笔记 第十章 div和span

width属性只是指的内容区的宽度。要计算整个盒子的宽度需要内容区的宽度加上左右内边距的宽度加上左右外边距的宽度和两个边框的宽度(因为有左右边框)。 如果元素没有指定width属性,它默认...

一万
2016/08/02
24
0
css行高line-height的一些深入理解及应用

二、一些字面意思 “行高”顾名思意指一行文字的高度。具体来说是指两行文字间基线之间的距离。基线实在英文字母中用到的一个概念,我们刚学英语的时使用的那个英语本子每行有四条线,其中底...

manlianman
2013/10/22
0
0
盒子模型学习笔记

盒子模型中width 和height都是内容的高度,padding 是边框和内容之间的距离,margin是边框和另外一个盒子的距离,边框的大小等于内容和padding的大小之和,但是内容的的文字并不是说必须小于...

mygrsun
2015/11/27
28
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

MySQL 乱七八糟的可重复读隔离级别实现

MySQL 乱七八糟的可重复读隔离级别实现 摘要: 原文可阅读 http://www.iocoder.cn/Fight/MySQL-messy-implementation-of-repeatable-read-isolation-levels 「shimohq」欢迎转载,保留摘要,谢...

DemonsI
52分钟前
2
0
Spring源码阅读——2

在阅读源码之前,先了解下Spring的整体架构: 1、Spring的整体架构 1. Ioc(控制反转) Spring核心模块实现了Ioc的功能,它将类与类之间的依赖从代码中脱离出来,用配置的方式进行依赖关系描...

叶枫啦啦
今天
1
0
jQuery.post() 函数格式详解

jquery的Post方法$.post() $.post是jquery自带的一个方法,使用前需要引入jquery.js 语法:$.post(url,data,callback,type); url(必须):发送请求的地址,String类型 data(可选):发送给后台的...

森火
今天
0
0
referer是什么意思?

看看下面这个回答(打不开网页可以把网址复制到搜索栏): https://zhidao.baidu.com/question/577842068.html

杉下
今天
1
0
使用U盘安装CentOS-解决U盘找不到源

1. 使用UltraISO制作CentOS安装盘 如果需要安装带界面的系统,为保证安装顺利,可选择Everything版本的ISO制作安装盘。 2. 在BIOS中选择使用U盘安装 系统启动后,进入安装选择界面,其中有三...

Houor
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部