如何在页面中间有html代码

时间:2016-11-27 22:03:50

标签: html center

我想学习一个学校项目的html代码,我不知道如何在页面的中间(水平)设置字母*以使其更具代表性。我是编码的新手,所以请尽量简化。提前谢谢!

2 个答案:

答案 0 :(得分:0)

要在屏幕中央显示文字(仅使用HTML),您只需使用" text-align:center;"制作一个段落。您的HTML代码将是:

<p style="text-align:center;">Your text on the center of your screen</p>

可在此处找到一个示例:https://jsfiddle.net/wbf600pk/ 这是你正在寻找的吗?

答案 1 :(得分:0)

以下是如何垂直和水平居中文本的示例;

&#13;
&#13;
html, body, .container {
    height: 100%;
}
.container {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
}
&#13;
<div class="container"> <p>Text in the center</p>

</div>
&#13;
&#13;
&#13;