在编写HTML时,怎样让DIV文字居中?

我们在HTML页面中编写DIV的时候,文字一般都默认对齐在DIV的左上角,那么怎么让DIV中的文字居中呢?下面小编给大家分享一下。

操作方法

  • 01

    首先打开Sublime Text软件,新建一个HTML页面,如下图所示

  • 02

    然后我们在html页面中加入div标签,并且在div标签中加入一些文字,如下图所示

  • 03

    接下来我们给div标签编写CSS样式,如下图所示,这里主要是text-align和line-height两个属性,如下图所示

  • 04

    最后我们运行页面程序,你就会在页面中看到div中的文字水平垂直都居中了,如下图所示

(0)

相关推荐

  • word输入文字时替换原有的文字怎么办

      word输入文字时替换原有的文字怎么办 1.我们经常会遇到这样一种情况,打开一个文档,如图所示,这段话开头想修改,在"时间"面前加个"当"字,会把光标挪到& ...

  • 电脑WPS修改时覆盖后一个文字怎么处理

    wps是我们经常使用的工作软件之一,有的时候我们在修改文章的时候,会发现我们输入进去的文字会将后一个文字覆盖掉,接下来小编就教大家遇到这种情况怎么处理..方法一:1. 首先我们打开电脑进入到桌面,找到 ...

  • 电脑打字时显示的是□□□文字显示不出来怎么办

    一般的电脑功能有几种常见的字体就够了,但是,对于做专业设计的人来说几种字体是远远不够的,通常需要用到各式各样的字体.但有时当我们重装电脑系统后,用编辑软件的某个字体时,发现某些文字显示的是□□□,文字 ...

  • Word修改文档时老是替换原文字,怎么重新编辑?

    不知道小伙伴们有没有遇到这样的情况--Word修改文档时老是替换原文字,怎么重新编辑呢?默笔也有遇到过,现在来支招! 操作方法 01 首先,打开Word文档啦啦啦啦啦. 02 然后找到Word文档中左 ...

  • 如何打印照片时自动加上说明文字

    如何打印照片时自动加上说明文字,有很多朋友都咨询过着个问题,想了很多办法对付一两张还可以,如果是几百张,就比较麻烦了.下面介绍一个能批量操作的办法. 操作方法 01 首先下载,ACDSee 9软件并成 ...

  • word输入文字时自动删除后面文字的解决办法

    有的同学word 编辑的时候,可能会遇到这样的情况:在一段文字中需要插入一些内容,输入文字时候后面的文字就自动被删除了,怎么办呢? word输入时 自动删除后面文字的解决办法 01 这是因为在编辑wo ...

  • cdr文字居中对齐,CorelDRAW怎样让文字图形对齐

    介绍怎样使用CorelDRAW,让CDR里面的文字和图形进行居中对齐任意方向对齐,有不了解的CDR对齐方法的朋友,可以参考以下步骤. cdr文字居中对齐,CorelDRAW怎样让文字图形对齐 01 示 ...

  • DreamWeaver中如何设置将将文字居中对齐

    DreamWeaver中如何设置将将文字居中对齐 操作方法 01 打开DreamWeaver软件,在body标签中间点击一下,调出文字输入框 02 然后输入div标签,如下图所示 03 在head标签 ...

  • 网页中如何用HTML/CSS实现文字居中于图片

    在网页设计布局中,很多网页设计者都会遇到如何让文字居中于图片的问题.其实,实现这一过程比较简单,只要让图片作为背景图片,再设置文字在 垂直和水平方向上的居中.下面,小编通过一个简单实例,结合自己的,来 ...