怎么让多行文字在div里显示的好看些

当我们制作网站的时候，经常会在div中调整里面文字，为了好看些，为了文字在div里显示更加协调，需要用一些CSS样式去调整。下面就来讲解一下，怎么让多行文字在div里显示的好看些。

操作方法

  • 01

    写一个div，里面写两段多行文字，设置样式（width: 400px; height: 400px; border: solid 1px #808080）。然后用浏览器浏览，发现文字在div里很不协调。

  • 02

    样式设定“padding”的值为“20px”。（设置文字对于边框的距离，可以按照比例适当调整）

  • 03

    设置样式“font-size”的值为“small”。（其他也可以，调整大小即可）

  • 04

    设置样式“line-height”的值为“25px”。（调整行距，适当即可）

  • 05

    设置样式“text-indent”的值为“2em”。（首行缩进2字符）

  • 06

    设置样式“font-family”的值为“微软雅黑”。（设置字体）

赞 (0)

相关推荐

  • CAD多行文字编辑器的使用方法详解

    CAD的文字分为两种,一种是单行文字,一种是多行文字.单行文字就是每个文字对象只有一行,而且格式比较单一.多行文字对象则可以写多行,并且可以设置段落. 分栏等各种格式. CAD的多行文字编辑器就像一个 ...

  • CAD多行文字编辑器怎么用？

    CAD的文字分为两种,一种是单行文字,一种是多行文字.单行文字就是每个文字对象只有一行,而且格式比较单一.多行文字对象则可以写多行,并且可以设置段落.分栏等各种格式. CAD的多行文字编辑器就像一个小 ...

  • word2010如何在大括号里输入多行文字

    word2010如何在大括号里输入多行文字

    我们在编辑word文档时,有时候会利用到大括号并在里面输入多行文字使得排版看起来井井有条,那么如何编辑呢?下面就来看看小编的做法吧. 首先打开office 2010 word文档,点击[插入]-[公式 ...

  • word中如何设置竖行文字悬挂格式

    word中如何设置竖行文字悬挂格式

    悬挂缩进就是段落的第一行保持不变,其他行缩进.这种格式用得比较少,但是有的时候还是用得到的.下面我们就介绍一下它的设置方法. 如图是一段竖行文字 选中文本,右键选择段落 在特殊格式里选择悬挂缩进 点击 ...

  • CAD2012如何输入多行文字?CAD2012输入多行文字的方法

    CAD2012是一款功能强大的工程绘图软件,使用该软件我们可以绘制工程图,剖面图等各种各样的图纸,同时我们也可以输入文字,在输入文字时可以输入多行文字也可输入单行文字,但是对于一些初学者来说不知道怎样 ...

  • word不同段落间每行文字的间距不一样怎么办？

    word可以对文字进行编辑和排版,是我们工作学习中必不可少的工具,但是我们在使用过程中总会遇到各种不同的问题,造成我们无法正常的使用.下面就告诉大家,word不同段落间每行文字的间距不一样怎么办? 操 ...

  • 如何调整WORD表格中多行文字的间距？

    在word中看到一些文档的文字行与行之间的间距比较大,为什么会这样?如何调整?下面一起来看下. 操作方法 01 打开word,打开一个文档,可以看到现在文字每行的间距比较大. 02 要调整间距,我们点 ...

  • CAD中多行文字命令解析

    我们在CAD进行图纸绘制时,创建文字在图纸里是一个必不可少的过程.CAD里面的文字分为单行文字和多行文字,而多行文字是我们常用的.下面小编就对多行文字的一些常见命令进行一简单介绍.具体操作步骤如下: ...

  • mindmanager使用方法之MindManager链接.多行文字的使用教程

    MindManager是一款很好用的思维导图软件，里面有非常多的实用功能，小编和大家分享下mindmanager使用方法，主要从怎么在MindManager 15中实现多行文字输入？MindManag ...