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

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

操作方法

  • 01

    打开DreamWeaver软件,在body标签中间点击一下,调出文字输入框

  • 02

    然后输入div标签,如下图所示

  • 03

    在head标签中,输入style标签

  • 04

    在style标签中添加div的属性设置:width:100px;height:100xp;background-color:red;宽:100px;高:100px;背景色为红色。如下图所示

  • 05

    点击拆分,查看效果

  • 06

    然后继续在属性中输入text-align:center;文字水平居中对齐

  • 07

    对于垂直居中对齐,这里运用行高的关系,整个图形的高度为100px;如果字体的行高也设置为100px,那么文字就在中间了。 代码是line-height:100px;

  • 08

    最后将文件保存。

  • 09

    在浏览器中打开就是这样的。如下图所示。

(0)

相关推荐

  • HTML中如何使图片和文字居中对齐

    web开发中,我们经常遇到的一个问题是,当将图片和文字放置在一个div标签的时候,如果不加任何修改,是无法水平居中对齐的,显然这个不是很美观,本将提供一种居中对齐的方法,希望对需要的同学有所帮助,也欢 ...

  • Word竖排文本框的文字居中对齐方式的设置

    Word的文本框有横排文本框和竖排文本框之分。 当我们在Word文档中插入一个竖排文本框并且在里面输入文字之后,如何让文本框中的文字居中对齐呢? 如下图。 让如上的竖排文本框中的文字在水平方向上居中对 ...

  • 如何使Word中文字居中对齐

    Word是非常实用的办公软件,今天给大家分享几种Word中表格内的文字居中对齐的方法. 操作方法 01 方法一:直接选中表格内的文字,点击菜单栏中出现"布局"选项卡. 02 从居中 ...

  • Dreamweaver中如何设置热区?DW设置热区方法图解

    Dreamweaver中如何设置热区?下面小编就为大家详细介绍一下,一起来看看吧! 方法/步骤 向平时一样,这里我们在设置Dreamweaver热区的时候.同样这里是需要建立一个新的HTML界面的. ...

  • WPS演示中如何设置图片和文字的渐变效果

    WPS演示中可以设置图片和文字的渐变效果,目的是使得幻灯片更加炫酷醒目,下面一起来看看如何操作吧! 操作方法 01 打开一个演示文稿,双击形状,右侧会出来填充设置选项. 02 系统默认的是纯色填充,点 ...

  • word中如何让文本框中的文字居中对齐

    word中如何让文本框中的文字居中对齐呢?下面小编来教大家. 操作方法 01 首先,我们打开我们电脑上面的word,然后我们点击插入: 02 之后我们点击文本框,弹出的界面,我们点击简单文本框: 03 ...

  • word怎么设置公式与文字水平对齐?

    word怎么设置公式与文字水平对齐? 1.段落中的公式和文字对不齐的情况. 2.打开段落设置.如下图所示,将鼠标的光标移动到公式所在的段落,然后单击右键,点击"段落"选项,会弹出& ...

  • 在word中如何让图标与文本居中对齐?

    在编辑word是的时候,有时需要插入一些图标,并且需要在图标旁边录入文字,但文字默认是与图标的底部对齐.可不可以让文字与图标居中对齐呢? 操作方法 01 在下面的文档中,图标和文字的对齐方式是按底部对 ...

  • 在word2010中如何对图片批量进行居中对齐?

    Word我们经常用来进行图片混排的操作,有时候一篇文档中会有很有图片需要进行对齐操作,如果一张一张的进行,那效率就非常低了.下面给大家介绍如何在word2010中批量进行图片对齐操作,来看看吧! 步骤 ...