fieldset legend 加text-align在IE下不居中解决

最新推荐文章于 2024-01-09 17:23:34 发布

原创最新推荐文章于 2024-01-09 17:23:34 发布 · 2.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ie #legend 居中

本文介绍了一种使用CSS将HTML中的legend元素居中的方法。通过设置margin属性为0 auto，并结合text-align:center，可以轻松实现这一效果。

给legend加margin:0 auto;

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        legend{
            margin: 0 auto;
            text-align: center;
        }
    </style>
</head>
<body>
    <fieldset>
        <legend>居中</legend>
    </fieldset>
</body>
</html>