Question

将文字置于p tag。

中

下面是code，它在将文本置于paragraph标记内时非常有效。任何人都可以解释一下这是如何工作的？

<!DOCTYPE html>
<html>
<head>
<style>
p.pos_fixed {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    padding: 1em 0;
    margin: 0;
    text-align:center;
    color: red;
}
</style>
</head>
<body>
<p class="pos_fixed">Some positioned text.</p>
</body>
</html>

我真的不了解text center的原因。 我真的不明白这里制作文本中心的技巧。

更新

删除top: 0;right: 0;left: 0;没有center对齐。我的问题是它是如何集中的？。

http://codepen.io/anon/pen/cvaJk

这一切如何结合起来使它成为中心人物？。

Answer 1

在同一个css中只需更改

位置：固定;到

的位置是：相对于;

p.pos_fixed {
    position: realtive;
    padding: 1em 0;
    margin: 0;
    text-align:center;
    color: red;
}

Answer 2

在代码的第一部分中，您将创建一个名为＆＃39; pos_fixed＆＃39;的样式类：

p.pos_fixed {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    padding: 1em 0;
    margin: 0;
    text-align:center;
    color: red;
}

在该课程中，您将定义文本将以此代码为中心：

text-align:center;

然后您将该样式类应用于某些文本：

<p class="pos_fixed">Some positioned text.</p>

将文本居中在`p tag`中

2 个答案: