文档章节

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

suna123
 suna123
发布于 2015/04/12 23:18
字数 309
阅读 30
收藏 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
css行高line-height的一些深入理解及应用

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

manlianman
2013/10/22
0
0
《Head first HTML与CSS 第二版》读书笔记 第十章 div和span

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

一万
2016/08/02
24
0
盒子模型学习笔记

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

mygrsun
2015/11/27
28
0

没有更多内容

加载失败,请刷新页面

加载更多

Android适配相关

Android 6.0、7.0、8.0、9.0适配 关于android适配的好文章 Android权限申请库 AndPermission 国产,有中文文档,链式调用,用起来简单 easypermissions 谷歌官方出品 PermissionsDispatcher ...

Skqing
22分钟前
1
0
Google推出了以隐私和安全为中心的变更

作为Google Play开发者政策更新的一部分,Google推出了以隐私和安全为中心的变更。 在旨在保护敏感数据的行动中,有针对请求短信和呼叫记录权限的应用程序的新规则。 即日起,只有配置为默认...

问题终结者
24分钟前
0
0
Kotlin个人理解入门篇

了解kotlin并开始使用其做开发,是从最近之前做的项目开始之初,用的是kotlin,发现kotlin是一个特简洁,很多语法糖提供使用,可以提高开发效率的语言。谷歌在2017年谷歌大会正式宣布支持and...

DannyCoder
30分钟前
0
0
springboot+rabbitmq整合

1.安装好rabbitmq 2.新建一个springBoot项目:rabbitmq_demo 3.添加pom依赖: <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifact......

狼王黄师傅
37分钟前
0
0
使用JDK自带的jmap和jhat监控处于运行状态的Java进程

对于处于运行状态中的Java进程,JDK自带了很多工具,允许Java开发人员监控运行进程中的各种状态,比如该进程内部创建了多少个对象实例,消耗了多少内存,等等。 本文基于JDK1.8而写成。 我下...

JerryWang_SAP
46分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部