使用css实现页面居中的方法介绍

在网页制作的过程中，为方便读者的阅读，会把网页内容限定在一个较小的方框中，并居中显示，如何实现这一功能呢？

1）把正文放在一个

标签中，只要这个标签居中整个网页就居中了。

2）接下来要介绍一种方法：负边框，即 margin 的值为负

#text{

    padding-left: 50%;

    width: 1000px;

    margin-left: -500px

}

这样页面就居中了。

以上是 使用css实现页面居中的方法介绍的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：

css

来源：php.cn

上一篇：使用css去除chrome、safari等webikt内核浏览器对控件默认样式方法介绍 下一篇：使用css3响应式布局设计之回顾

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

作者最新文章

• html设置加粗、倾斜、下划线、删除线等字体效果示例介绍
  1970-01-01 08:00:00
• 实现一个 Java 版的 Redis
  1970-01-01 08:00:00
• 最简单的微信小程序Demo
  1970-01-01 08:00:00
• python中pandas.DataFrame（创建、索引、增添与删除）的简单操作方法介绍
  1970-01-01 08:00:00
• 微信小程序：如何实现tabs选项卡效果示例
  1970-01-01 08:00:00
• Python构造自定义方法来美化字典结构输出
  1970-01-01 08:00:00
• HTML5:使用Canvas实时处理Video
  1970-01-01 08:00:00
• Asp.net使用SignalR实现发送图片
  1970-01-01 08:00:00
• 微信小程序开发教程-App()和Page()函数概述
  1970-01-01 08:00:00
• 详解python redis使用方法
  1970-01-01 08:00:00

最新问题

关于CSS思维导图的课件在哪？ 课件

来自于 2024-04-16 10:10:18

0

0

1335

页面突然无法拉动 css 或 bootstrap 所以我正在开发一个页面，我昨天做了一部分，效果很好，今天我继续做剩下的部分，一切都很好。当我尝试将其作为普通html页面打开时，CSS或BOOTSTRAP不起作用，仅显示页面文本，...

来自于 2024-04-06 21:58:04

0

1

800

动态修改Javafx中的内联CSS样式 我试图在应用程序最大化时更改窗格的背景图像。我的背景是使用内嵌css设置的。我为样式设置了两个不同的变量和一个if语句。但是，我没有运气让它改变样式。StringcssStyle=...

来自于 2024-04-06 20:57:16

0

1

487

如何在 CSS 中使浮动元素垂直堆叠而不是水平堆叠？ 我正在尝试制作一个包含两列的网页，一侧具有主要内容，另一侧具有额外的内容。但是因为我使用浮动属性将额外的列向左对齐，所以它水平堆叠，但我希望它垂直堆叠。我当前的代码：.topich...

来自于 2024-04-06 20:45:26

0

2

386

有没有办法强制弹性框中的文本垂直居中，无论我们有什么其他 CSS 代码？ 我有以下CSS代码，它是我正在开发的网站中使用的更大CSS代码的一部分：.cards-u{display:flex;flex-wrap:wrap;justify-content:c...

来自于 2024-04-06 20:41:51

0

1

518

相关专题

更多>

• 抓取数据的几种方式
• CSS如何设置透明
• 手机卡仅限紧急呼叫怎么回事
• c语言exit函数的用法
• 怎么查电脑ip
• oa系统哪个比较好
• phpmyadmin怎么改成中文
• 从事php行业需要哪些技术