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

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

1）把正文放在一个

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

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

#text{

    padding-left: 50%;

    width: 1000px;

    margin-left: -500px

}

这样页面就居中了。

Atas ialah kandungan terperinci 使用css实现页面居中的方法介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：

css

sumber：php.cn

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

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang

• 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

Isu terkini

Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus

daripada 2024-04-16 10:10:18

0

0

1335

Halaman tiba-tiba tidak dapat menarik css atau bootstrap Jadi saya sedang membangunkan halaman, saya telah membuat sebahagian daripadanya semalam d...

daripada 2024-04-06 21:58:04

0

1

800

Ubah suai gaya CSS sebaris secara dinamik dalam Javafx Saya cuba menukar imej latar belakang anak tetingkap apabila aplikasi dimaksimumkan. Latar...

daripada 2024-04-06 20:57:16

0

1

487

Bagaimana untuk membuat elemen terapung disusun secara menegak dan bukannya secara mendatar dalam CSS? Saya cuba membuat halaman web dengan dua lajur, dengan kandungan utama di satu pihak dan k...

daripada 2024-04-06 20:45:26

0

2

386

Adakah terdapat cara untuk memaksa teks dalam flexbox dipusatkan secara menegak, tidak kira apa kod CSS lain yang kita ada? Saya mempunyai kod CSS berikut yang merupakan sebahagian daripada kod CSS yang lebih besar...

daripada 2024-04-06 20:41:51

0

1

518

Topik-topik yang berkaitan

Lagi>

• penggunaan fungsi griddata matlab
• Apakah kaedah pemindahan fail java?
• Apakah fail format pertengahan?
• Apakah pengecam Python?
• Bagaimana untuk mendapatkan Bitcoin
• Apakah teknologi keselamatan rangkaian?
• Bagaimana untuk memperkenalkan css luaran ke dalam html
• Cara menutup tetingkap yang dibuka dengan tetingkap.buka