文档章节

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

suna123
 suna123
发布于 2015/04/12 23:18
字数 309
阅读 26
收藏 0
点赞 0
评论 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
博文 12
码字总数 8841
作品 0
昌平
网页/平面设计
line-height 控制文字间距

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

IT姑凉 ⋅ 2013/12/11 ⋅ 0

彻底搞定vertical-align垂直居中不起作用疑难杂症

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

阿K1225 ⋅ 02/12 ⋅ 0

《Head first HTML与CSS 第二版》读书笔记 第十章 div和span

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

一万 ⋅ 2016/08/02 ⋅ 0

css行高line-height的一些深入理解及应用

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

manlianman ⋅ 2013/10/22 ⋅ 0

盒子模型学习笔记

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

mygrsun ⋅ 2015/11/27 ⋅ 0

垂直居中实现方式总结

在网页制作过程中,我们经常要用到图片、文字的垂直居中。今天总结一下垂直居中的方法。 方法一 利用 实现垂直居中 这种方法适用于单行文本垂直居中,如果文本内容太长,出现了换行,换行后的...

musishui ⋅ 2016/11/09 ⋅ 1

CSS布局总结

显示方式 元素的display显示方式有多种,隐藏,块级,内联,内联-块级 1、隐藏 display:none使得被选择的元素隐藏,并且不占用原来的位置。 2、块级 display:block; 表示块级元素块级元素会...

小衰哥有点帅 ⋅ 2017/09/24 ⋅ 0

和的margin上下和padding上下不起作用的原因和解决

今早,工作需要做一个简单的页面,使用到了<span>和<a>标签,发现在样式里面直接写margin-top、margin-bottom和padding-top、padding-bottom都不起作用,页面样式的东西懂得不多,搜索一番,...

梦回 ⋅ 2014/03/19 ⋅ 0

【前端Talkking】CSS系列——CSS深入理解之line-height

1.写在前面 两个多周的时间没有写文章了,手好痒好痒,趁着公司在装修,从上周末到本周都在家办公,同时公司的项目并不紧急,于是抽着时间梳理了一下CSS中关于行高的理解,今天发布出来,大家...

micstone ⋅ 06/08 ⋅ 0

使用URL获取电话号码的归属地

xml文件: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layoutwidth="matchparent" android:layo......

光旭 ⋅ 2014/02/21 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

从 Confluence 5.3 及其早期版本中恢复空间

如果你需要从 Confluence 5.3 及其早期版本中的导出文件恢复到晚于 Confluence 5.3 的 Confluence 中的话。你可以使用临时的 Confluence 空间安装,然后将这个 Confluence 安装实例升级到你现...

honeymose ⋅ 12分钟前 ⋅ 0

用ZBLOG2.3博客写读书笔记网站能创造今日头条的辉煌吗?

最近两年,著名的自媒体网站今日头条可以说是火得一塌糊涂,虽然从目前来看也遇到了一点瓶颈,毕竟发展到了一定的规模,继续增长就更加难了,但如今的今日头条规模和流量已经非常大了。 我们...

原创小博客 ⋅ 今天 ⋅ 0

MyBatis四大核心概念

本文讲解 MyBatis 四大核心概念(SqlSessionFactoryBuilder、SqlSessionFactory、SqlSession、Mapper)。 MyBatis 作为互联网数据库映射工具界的“上古神器”,训有四大“神兽”,谓之:Sql...

waylau ⋅ 今天 ⋅ 0

以太坊java开发包web3j简介

web3j(org.web3j)是Java版本的以太坊JSON RPC接口协议封装实现,如果需要将你的Java应用或安卓应用接入以太坊,或者希望用java开发一个钱包应用,那么用web3j就对了。 web3j的功能相当完整...

汇智网教程 ⋅ 今天 ⋅ 0

2个线程交替打印100以内的数字

重点提示: 线程的本质上只是一个壳子,真正的逻辑其实在“竞态条件”中。 举个例子,比如本题中的打印,那么在竞态条件中,我只需要一个方法即可; 假如我的需求是2个线程,一个+1,一个-1,...

Germmy ⋅ 今天 ⋅ 0

Springboot2 之 Spring Data Redis 实现消息队列——发布/订阅模式

一般来说,消息队列有两种场景,一种是发布者订阅者模式,一种是生产者消费者模式,这里利用redis消息“发布/订阅”来简单实现订阅者模式。 实现之前先过过 redis 发布订阅的一些基础概念和操...

Simonton ⋅ 今天 ⋅ 0

error:Could not find gradle

一.更新Android Studio后打开Project,报如下错误: Error: Could not find com.android.tools.build:gradle:2.2.1. Searched in the following locations: file:/D:/software/android/andro......

Yao--靠自己 ⋅ 昨天 ⋅ 0

Spring boot 项目打包及引入本地jar包

Spring Boot 项目打包以及引入本地Jar包 [TOC] 上篇文章提到 Maven 项目添加本地jar包的三种方式 ,本篇文章记录下在实际项目中的应用。 spring boot 打包方式 我们知道,传统应用可以将程序...

Os_yxguang ⋅ 昨天 ⋅ 0

常见数据结构(二)-树(二叉树,红黑树,B树)

本文介绍数据结构中几种常见的树:二分查找树,2-3树,红黑树,B树 写在前面 本文所有图片均截图自coursera上普林斯顿的课程《Algorithms, Part I》中的Slides 相关命题的证明可参考《算法(第...

浮躁的码农 ⋅ 昨天 ⋅ 0

android -------- 混淆打包报错 (warning - InnerClass ...)

最近做Android混淆打包遇到一些问题,Android Sdutio 3.1 版本打包的 错误如下: Android studio warning - InnerClass annotations are missing corresponding EnclosingMember annotation......

切切歆语 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部