文档章节

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

suna123
 suna123
发布于 2015/04/12 23:18
字数 309
阅读 33
收藏 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
847
0
彻底搞定vertical-align垂直居中不起作用疑难杂症

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

阿K1225
02/12
0
0
小而美公司模板

最近,特斯拉工程副总裁跳槽去了苹果。 为什么?为什么?... 为什么? Σ( ° △ °|||)︴ 因为他没有看到咱们开源中国招聘推荐的小而美公司。 中武科技[武汉] 专注于品质生活与科研助手领域...

翟志军
2016/04/20
1
0
关于CSS:line-height

前言 先上结论: 如果为块级元素设置height则其拥有高度 如果没有为块级元素设置height元素中有文字且为该元素设置line-height则其拥有高度 在第二种情况下文字的水平中线与块级元素的line-...

Alander
11/29
0
0
css行高line-height的一些深入理解及应用

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

manlianman
2013/10/22
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Java Sound Programmer Guide

Introductory Material Preface For Whom This Guide Is Intended What this Guide Describes For More Information Chapter: 1 Introduction to the Java Sound API Design Goals Who is th......

祖冲之
16分钟前
1
0
HTTP协议状态码304和200区别

当浏览器第一次加载资源的时候,返回一般为200,意思是成功获取资源,并会在浏览器的缓存中记录下max-age; 当第二次访问的时候:如果只是用浏览器打开,那么浏览器会去判断这个资源在缓存里...

晚风0623
16分钟前
2
0
阿里云物联网平台体验(树莓派+Python篇)

虽然对阿里云物联网平台比较熟悉了,从一开始就有幸参与了飞凤平台(Link Develop 一站式开发平台的前身)的一些偏硬件接入的工作。但是同时也见证了阿里云物联网团队从几十人到数百人的迅速...

阿里云云栖社区
29分钟前
0
0
java单例设计模式

实现方法一 package com.hs.pattern.singleton;/** * 优点:实现简单 * 缺点:线程不安全 * 例如:当两个线程都运行到if( singleton == null ),而singleton确实为空,则两个线程都...

yangyangyyyy
33分钟前
1
0
MacOS下安装MongoDB数据库

官方链接:Install MongoDB Community Edition on macOS 推荐大家使用Homebrew安装 ##1.更新 Homebrew’s 包版本 brew update 2.安装MongoDB brew install mongodb 休息片刻,等他安装完就...

凌宇之蓝
34分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部