css字间距怎么设置

在前端页面制作的时候发现自己的文字之间太紧凑,想要通过css设置下字间距让文字之前的距大一点,这样更符合自己的页面布局设计,也更加美观。

操作方法

  • 01

    在文件夹中创建一个“ test”的html文件。

  • 02

    在里面添加html标签框架。

  • 03

    在里面添加一个“div”并放入文字。

  • 04

    然后我们发现默认文字之间比较紧凑。

  • 05

    现在我们给div设置一个id为“ wd”。

  • 06

    通过css在style使用 letter-spacing给wd中的文字设置字间距为30px。 #wd{letter-spacing:30px;}

  • 07

    在浏览器中打开我们发现字间距变大了。

(0)

相关推荐

  • word如何调整字间距 word字间距如何设置

    使用word制作电子文档时,有时需要调整输入文字的字间距,那么word文档如何调整字间距呢,接下来小烟以word 2013为例给大家介绍一下word字间距的设置方法. 操作方法 01 首先通过电脑打开 ...

  • WPS如何调整设置字间距 WPS字间距如何设置

    操作方法 01 首先要在电脑上打开一个WPS文字空白文档,输入需要设置的文段. 02 选中输入的文段,点击右键,在弹出的页面里点击"字体". 03 进入后点击"字符间距& ...

  • axure怎么调整字间距? axure字间距的设置方法

    今天我们就来看看axure中设置行间距的教程,请看下文详细介绍. 1.在我们的电脑打开axure制作原型软件,点击项目,如下图所示: 2.点击之后,选择元件样式编辑器.如下图所示: 3.进去之后,看到 ...

  • EXCEL表格中如何设置文字行间距和字间距

    在处理excel表格中的文字段落时,有时候会考虑到文字的显示效果,将文字的字间距和行间距加大来提现视觉效果,那么该如何设置文字的字间距和行间距呢. 操作方法 01 打开一个准备的表格文档,如图所示,现 ...

  • css怎么设置字体间距(css文字行间距怎么设置)

       (原图样式)今天我们讲一下几个文本标签text-indent,letter-spacing和line-height,并附加讲一下first-line和first-letter的使用方法.先上源码 ...

  • wps如何调整设置字间距

    wps中如何调整字体间距?很多网友下载了wps办公软件,但是对wps的一些基本操作还不是太了解,而基本的一些wsp字间距和行间距的调整都不会操作,下面就以wps2012版本为例子,给大家讲解在wps中 ...

  • wps怎么调整设置字间距

    一.wps文字调整字间距: 1.选中你要调整的文字段落,然后在单击鼠标右键会弹出对话框,如图所示: 2.在对话框中点击选择"字体",如图所示: 二.wps表格字间距调整: 具体的操 ...

  • wps word设置字间距快捷键是什么

    我们在使用wps的文档时,为了使得文字排版看起来更为美观,会设置调整文字间距,如何快速的设置字间距呢?据小编所知并没有直接的快捷键可以设置但也可以通过快捷键加上稍微调整设置字间距,具体方式如下: 选中 ...

  • i排版微信编辑器怎么设置字间距 i排版文字距离调整方法介绍

    i排版为广大微信用户提供了非常实用的字体编辑和排版功能,字间距调整就是其中之一,那么i排版怎么设置字间距呢?接下来小编就为大家解答. 设置方法: 1.首先用户需要选择想要调整字间距的段落或者文字: 2 ...