html css怎么让文字在页面底部居中

html css怎么让文字在页面底部居中,第1张

1、想要让文字在底部,需要用到 position:fixedbottom:0pxleft:0px

2、想要让文字居中,需要用到 text-align:center

3、具体代码

<div class="div_foot">   

&copy2017-2018

</div>

.div_foot {

position: absolute

height: 50px

text-align: center

line-height: 50px

width: 100%

扩展资料

HTML的编辑器

1、基本文本、文档编辑软件,使用微软自带的记事本或写字板都可以编写,当然,如果你用WPS来编写,也可以。不过存盘时请使用.htm或.html作为扩展名,这样就方便浏览器认出直接解释执行了。

2、半所见即所得软件,

如:FCK-Editer、E-webediter等在线网页编辑器;

3、所见即所得软件,使用最广泛的编辑器,完全可以一点不懂HTML的知识就可以做出网页,如:

AMAYA(出品单位:万维网联盟);

FRONTPAGE(出品单位:微软);

Dreamweaver(出品单位:Adobe)。

参考资料

百度百科-HTML

可以用“text-align”属性控制文字的位置,“center”属性值让文字居中显示。

1、新建html文档,在body标签中添加一个div标签,在div标签中添加p标签,这时文字将会在div标签中靠左显示:

2、为div标签设置“text-align”属性,属性值为“center”,这时文本将会居中显示:

3、如果想让文本靠右显示,可以为“text-align”属性设置“right”属性值,这时文本将会靠右显示:

如果单纯用html语言的话,就是<center></center>这一对,如果是搞网页设计的话,建议使用css语言来修饰网页。 *** 作方法如下:

1、首先双击打开HBuilderX开发工具,创建一个Web项目,并在项目pages文件夹下,新建静态页面center.html。

2、打开center.html文件,修改title标签中的文本显示内容。

3、在<body></body>标签中,插入一个div标签,并添加标签的id属性。

4、利用ID选择器在style标签中,设置div标签的样式属性,如宽度、高度、行高、字体属性等。

5、接着给div标签添加一个样式属性background-color。

6、再次保存代码并刷新浏览器,可以看到字体在背景颜色块中间位置,说明字体居中显示。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/6999088.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-03-31
下一篇2023-03-31

发表评论

登录后才能评论

评论列表(0条)

    保存