[已解决]cite元素中文本无法用css样式居中文本

水冢 · 发表于 2019-3-9 18:58:08

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

求助

最佳答案

月排行榜 / 总排行榜

不二如是

2019-3-10 10:24:40

1、css属性，text-align适用于“块级元素”的居中，例如：div、p等等

2、cite元素，不是块级，是行内元素（一个元素占一行），多个元素可在一行显示：

<cite>《中国合伙人》</cite><cite>测试cite2</cite>

拓展：a，img，input，span也是。

更多参看鱼C-API宝典：传送门

3、若想居中，可以为父级元素设置text-align，例如用一个div包裹cite：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <style>
        div {
            text-align: center;
        }
    </style>
</head>

<body>
<div>
    <cite>《中国合伙人》</cite>
</div>
</body>

</html>

跳转到最佳答案楼层

水冢 · 发表于 2019-3-9 18:58:40

<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <style>
                cite{
                        text-align: center;
                }
        </style>
</head>

<body>
        <cite>《中国合伙人》</cite>
</body>

</html>

不二如是 · 发表于 2019-3-10 10:24:40

1、css属性，text-align适用于“块级元素”的居中，例如：div、p等等

2、cite元素，不是块级，是行内元素（一个元素占一行），多个元素可在一行显示：

<cite>《中国合伙人》</cite><cite>测试cite2</cite>

拓展：a，img，input，span也是。

更多参看鱼C-API宝典：传送门

3、若想居中，可以为父级元素设置text-align，例如用一个div包裹cite：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <style>
        div {
            text-align: center;
        }
    </style>
</head>

<body>
<div>
    <cite>《中国合伙人》</cite>
</div>
</body>

</html>

水冢 · 发表于 2019-3-10 10:59:58

不二如是发表于 2019-3-10 10:24
1、css属性，text-align适用于“块级元素”的居中，例如：div、p等等

2、cite元素，不是块级，是行内元 ...

感谢回答，查了一下块级元素与其它元素之间的转换，可以用display把行内元素转换为块级元素。
详细地址https://www.cnblogs.com/ljwk/p/7090320.html

账号		自动登录	找回密码
密码			立即注册