div水平居中显示

很多的网站显示的内容都是在浏览中居中显示的,现在就让我们一起来实现这个神奇的效果吧。

操作方法

  • 01

    1.新建一个html页面,在页面上创建一个div,为了看得更清楚一些,对div设置一个宽、高、和背景色。如图所示:

  • 02

    2.在css样式上加上 marig:0 atuo后居然div水平居中了,是不是很神奇呢。 如图所示:

  • 03

    页面代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>div水平居中显示</title> <style type="text/css"> .mar{ width:960px; height:300px; background-color:#F90; margin:0 auto; } </style> </head> <body> <div class="mar"> </div> </body> </html>

(0)

相关推荐

  • css div居中显示

    html制作网页时,经常会遇到div居中显示的问题.div的水平居中.垂直居中.文字居中等,在此做一个简单的总结,希望能有所帮助. 1.通过设置margin-left和margin-right,div ...

  • 怎样让html中的文字垂直水平居中显示

    制作网页的时候,为了使页面更加美观,前端工程师一般会把文字水平垂直居中,那么怎样让html中的文字垂直水平居中显示呢? 操作方法 01 如图,先在HTML编辑器里面写上一些基础代码,这里我就不多说了. ...

  • 使用CSS设置div水平居中

    在网页编辑中,我们常常使用div来进行网页的布局.但是如何使div水平居中呢?我认为这一种方法比较于其他的方法更好用一些(个人建议). 准备工作 01 打开sublime text3,并且新建一个ht ...

  • WPS表格如何设置文字垂直居中和水平居中显示

    WPS表格是一款功能强大的办公软件,该软件在表格制作和数据统计方面是非常优秀的,我们在使用该软件在进行文字输入时常常需要将其进行垂直居中和水平居中显示,下面我们就来看看是如何设置的吧. 操作方法 01 ...

  • 设置div中的div居中显示

    有些浏览器会不兼容一些设置方法让div中的div居中,那么怎样通用的设置div中的div居中,兼容各种浏览器呢? 操作方法 01 <div style="text-align:cent ...

  • 怎么让多行文字在div里显示的好看些

    当我们制作网站的时候,经常会在div中调整里面文字,为了好看些,为了文字在div里显示更加协调,需要用一些CSS样式去调整.下面就来讲解一下,怎么让多行文字在div里显示的好看些. 操作方法 01 写 ...

  • JS如何控制DIV的显示和隐藏

    我们进行网页开发的时候,经常需要运用JS去控制某个div的显示或者隐藏.下面小编通过实例教大家如何实现这种功能. 操作方法 01 打开Sublime Text编辑器,新建一个HTML文档,注意一定要设 ...

  • 网页css布局:div水平居中各种设置形式

    操作方法 01 网页制作Webjx文章简介:在Web标准中的页面布局是使用Div配合CSS来实现的.这其中最常用到的就是使整个页面水平居中的效果,这是在页面布局中基本,也是最应该首先掌握的知识.不过, ...

  • CSS网页布局:div水平居中的各种方法

    在Web标准中的页面布局是使用Div配合CSS来实现的.这其中最常用到的就是使整个页面水平居中的效果,这是在页面布局中基本,也是最应该首先掌握的知识.不过,还是经常会有人问到这个问题,在这里我简单总结 ...