可以使用CSS的textalign: center属性让行内元素(如文本、图片等)在其包含块中水平居中,这种方法适用于未知父容器宽度的情况。 示例代码: <!DOCTYPE html> <html> <head> <style> .center { textalign: center; } </style> </head> <body> <p class="center">这个段落将在页面上水平居中。</p> <img ...
1、使用CSS样式居中 使用margin属性:通过设置元素的左右margin为auto,可以实现水平居中。 使用textalign属性:对于内联元素或具有display:inline的元素,可以使用textalign属性将其内容水平居中。 使用flex布局:使用flexbox布局可以轻松实现水平和垂直居中。 2、使用表格布局居中 使用表格的table、tr、td元素创建一个简单的表格...