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

html-css014

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

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

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

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

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

1、在html编辑器中，新建一个html文件，例如：index.html。

2、在index.html中的body标签中，填入html代码：

<div style="position: absolutetop: 50%left: 50%height: 10%width: 30%margin: -5% 0 0 -15%">123asfafada</div>

3、最后，浏览器运行index.html，此时html中的文字被成功垂直水平居中显示。

不懂题主是想在怎样的代码中使用，大概说一下做法呗

1、如果是文字的父html元素已经居中，或者铺满整个屏幕，那直接在父元素上设置css为text-align:center即可，比如：

<div style="text-align:center">

文字内容文字内容

</div>

2、如果是文字的父元素有固定宽度但没居中的，就可以将父元素设置margin:auto属性居中后再通过text-align:center使文字居中，比如：

<div style="margin:autotext-align:center">

文字内容文字内容

</div>

3、文字没有父元素，为独立元素，不受整个布局约束时，则比较特殊，需要用positon属性和text-align属性一起使用，如果是这种情况，题主可以回复我详情，我再帮助解答。

hr标签是分割线标签，如果要在后面加东西要通过postion相对定位，不推荐这么做，如果只是想要hr的分割效果，同时在后面加东西，建议用div元素设置css来模拟效果会更好，比如设置窄的div，设置背景色和上下边距来模拟实现，后面用span或p标签紧跟写文字即可