css如何让页面居中显示

css如何让页面居中显示

操作方法

  • 01

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>居中测试</title> <style type="text/css"> *{ margin: 0px; padding: 0px; } .wrap{ width: 1000px; margin: 0 auto; /*水平居中*/ background-color: pink; border: 1px; } .p1{ text-align:center; } </style> </head> <body> <div class="wrap"> <p class="p1">水平居中</p> </div> </body> </html>

赞 (0)

相关推荐

  • 网页设计教程：[1]怎么让页面居中显示

    在网页设计中,让页面居中显示几乎是所有网页设计人员首先必须实现的功能.对于各位"菜鸟"级网页编程人员而言,我们又该如何实现网页居中显示呢?以下教程将为大家解决这一难题. 操作方法 ...

  • css控制比较div显示／隐藏方法的２种方法

    CSS中的display和visibility css中display和visibility语法,他们都可以隐藏和显示html元素.看齐来他们很相似,所以很多人还是会搞错.谈们的属性分别如下: 操作方 ...

  • 用JS+CSS实现鼠标悬停显示提示框

    我们在浏览网页时,经常会看到有一些提示信息是在鼠标放上去后,才显示出来的.这个功能如何做的?下面我们来看下. 操作方法 01 首先,我们写上对应的HTML,一个显示标题,和标题的提示信息. 02 页面 ...

  • CSS背景图片background-image缩放如何居中显示?

    有时候我们想通过CSS使背景图片background-image居中显示,但是发现CSS语法并没有提供background-align:center这样的用法,这篇教程详细地讲解了CSS背景图片bac ...

  • 如何设置打印的Excel表格页面居中？

    如何设置打印的Excel表格页面居中？

    现在很多公司都需要用到Excel表格记录数据等等,在打印时需要设置Excel表格页面居中,很多人不知道怎么操作,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步打开Excel文档进 ...

  • css第一个元素

    操作方法 01 在做网页的JS特效时,CSS的隐藏和显示是被经常使用的,通常是让一组标签全部隐藏,让组元素的第一个标签作为默认并显示,那就要用到css中的伪类选择器. CSS的伪类选择器有很多种,在这 ...

  • position:absolute 绝对位置 如何居中对齐？

    用CSS让元素居中显示并不是件很简单的事情-同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋.让我们先来看一下CSS中常见的几种让元素水平居中显示的方法. 操作方法 01 使用自动外边距实现 ...

  • 手机版网页设计注意事项

    操作方法 01 用手机上网时,有些网站会无法正常显示,因为这些网页是设计在电脑上看的,如果网页开发者没有考虑到手机的软硬件特性以及人们的阅读习惯,就无法设计出手机上方便阅读的网页.说的简单,但是要把既 ...

  • CSS省略号text-overflow超出溢出显示省略号

    DIV CSS text-overflow文本有溢出时显示css省略号clip ellipsis样式基础知识与用法实例教程篇 操作方法 01 <DIV STYLE="width: 12 ...