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

cite元素中文本无法用css样式居中文本

求助

水冢 发表于 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
页: [1]
查看完整版本: cite元素中文本无法用css样式居中文本