养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

DW如何让div标签内文本水平居中

时间:2024-10-04 09:34:32

“DW”是AdobeDr娣定撰钠eamweaver的简称,是用于网页制作和管理网站的网页代码编辑器。那么初学者应该知道的是,DW里如何让div标签内文本水平居中?以下经验为您解答!

工具/原料

电脑

AdobeDreamweaverCS6

方法/步骤

1、首先打开DW,点击【插入】。

DW如何让div标签内文本水平居中

2、找到【布局对象】——【Div标签】,即插入一个Div标签。

DW如何让div标签内文本水平居中

3、设置类为【1】,再设置CSS样式,设长宽均为300,然后确定。

DW如何让div标签内文本水平居中

DW如何让div标签内文本水平居中

4、如下图所示,文本是居左的。

DW如何让div标签内文本水平居中

5、如果要居中显示,那么就从CSS面板中找咦筋庑檗到类【1】的CSS样式,并在分类找到Text-align(文本对齐方式)选择center(居中)。

DW如何让div标签内文本水平居中

DW如何让div标签内文本水平居中

6、最后完成div标签内文本水平居中。

DW如何让div标签内文本水平居中

© 一点知识