如何在DW设置文字居中

html-css045

如何在DW设置文字居中,第1张

如何在DW设置文字居中

工具/原料电脑DW方法/步骤1首先打开电脑桌面上的DW软件

2在打开dw界面,点击新建下的“html”新建空白网页

3在空白的网页上输入一段文字

4在属性栏下方点击“CSS”选项,然后点击右侧的居中对齐选项

5会跳出提示页面,在名称上输入英文字母,然后点击“确定”

6最后,文字已经居中。

三个办法实现页面居中(布局居中)

一:在html代码页面的body标签写一个<center></center>的标签,在里面写内容即可实现居中,如:

接下来使用的两个方法的前提是你的html代码链接上css代码!!!不然没效果

二:text-align: center方法在html代码页面给某一个标签取一个名字,然后在css代码给标签设置属性

css:

效果图:

三:margin: 0 auto 0(auto左右的两个零分别代表着宽度和高度)方法和第二种方法差不多,也是在html代码页面给某一个标签取一个名字,然后在css代码给标签设置属性

注:此方法适用于在整个布局居中,和前两个不同的是使用这个方法要设置宽度和高度,不然用不了!

代码:

html及效果图:

希望能帮到你!