html中表格怎样设置文字居中

html-css010

html中表格怎样设置文字居中,第1张

可以用“text-align”属性控制du文字的位置,“center”属性值让文字居中显示。

1、新建html文档,在body标签中添加一个div标签,在div标签中添加p标签,这时文字将会在div标签中靠左显示:

2、为div标签设置“text-align”属性,属性值为“center”,这时文本将会居中显示:

3、想让文本靠右显示,可以为“text-align”属性设置“right”属性值,这时文本将会靠右显示:

1、首先,我们先看看不加任何修改的时候的效果,新建a.html文件,并准备一张小标,如下。

2、使用浏览器打开a.html,可以看到默认情况,是图片置顶对齐,文字置底对齐,所以通常图片高,文字低,不能水平居中对齐。

3、再次编辑a.html,加入以下css代码:.hlong *{display:inline-blockvertical-align:middle}保存。

4、再次使用浏览器访问a.html页面。对比一下两种结果,标签中的文已经实现了居中对齐。