html中设置元素居中显示

在HTML中，我们经常需要设置元素居中显示。下面是一些方法：

div style="text-align:center">
        p>
    这是居中显示的/p>
    /div>
    

使用这个方法，将div元素的文本对齐设置为居中，内部元素会自动居中显示。

div style="position:relative;
    width:500px;
    height:500px;
                 border:1px solid black;
    text-align:center">
        div style="position:absolute;
    left:50%;
    top:50%;
                    transform:translate(-50%,-50%)">
            p>
    使用相对/绝对定位定位居中显示/p>
        /div>
    /div>
    

使用这个方法，在外部div元素中使用相对和绝对定位的方式，达到居中显示元素的效果。需要注意的是，外部div的宽和高必须设置，子元素使用左右和上下同时为50%再配合CSS3的transform属性进行位移，以实现元素居中的效果。

table align="center">
        tr>
            td>
    使用HTML4的align属性居中Display/td>
        /tr>
    /table>
    

使用这个方法，只需要在想要居中显示的元素中添加align="center"属性即可实现。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！