学做网站培训课程介绍

当前位置：

建网页知识：CSS控制网页DIV层水平垂直居中

在网站布局过程中，运用div+css的布局是特别有利的，通常我们需要对一个div层进行居中处理，那么如何通过css属性对它进行控制呢：下面分享一个建网页技巧：通过CSS控制网页DIV层居中。

  • 1、如果是水平居中，只需要修改这个DIV的CSS 属性中的方框的边界参数就可以了，我们设定它全部为“自动”。浮动选无。 
    

    div{width:400px;height:400px;margin:0 auto;}
  • 2、如果是垂直居中，只需要设定边界参数为margin:-150px 0 0 -150px;即可。 
    

    div{width:400px;height:400px;margin:-150px 0 0 -150px;}

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • 静态网页不显示图片 (119349 次浏览)
    作者: 脉动Email: 511039684@qq.com详细内容:今天听了老师讲的课程第九节：什么是网站静态页面，然后自己就动手去照着做，文字什么的都可以显
  • DW如何给网页添加文本文字 视频教程 (1173345 次浏览)
    DW中插入文字是最简单的操作，我们可以像在word一样随意的打出自己想要的文字。打开ＤＷ后，点击“设计”模式，在文字框中就可以打字了。插入文字可以是
  • 建网页知识：CSS控制网页DIV层水平垂直居中 (124305 次浏览)
    在网站布局过程中，运用div+css的布局是特别有利的，通常我们需要对一个div层进行居中处理，那么如何通过css属性对它进行控制呢：下面分享一个建网页
  • 新手学做网站要学什么知识 图文教程 (133299 次浏览)
    对于一个新手来说，学做网站之前必须弄清楚网站制作流程和网站的结构。建网站的流程是:第一步：购买一个网站域名；(什么是网站域名)
  • 什么是DIV+CSS 附件下载 (1155075 次浏览)
    本节建站课程高清视频下载链接: https://pan.baidu.com/s/1sl6nR8D 密码: urwgdiv+css就是把设计师设计好的图片，转变成一张静态页面的技术。html
  • CSS怎么控制DIV水平居中显示 视频教程 (112986 次浏览)
    欢迎大家学习学做网站论坛的CSS视频教程，这节课程我们讲一下DIV水平居中显示CSS代码。当我们写了一个DIV后,默认情况下,DIV是左对齐的,如何让一个DI
  • HTML换行标签，HTML水平线标签，HTML注释标签 (132900 次浏览)
    HTML换行标签：<BR/>br 是换行(Break)的缩写。文本会在这个标签的地方换行。在HTML代码里直接换行的话,按浏览器的不同可能显示为一个空格,或
  • CSS控制文字水平居中、垂直居中 视频教程 (113339 次浏览)
    欢迎大家学习学做网站论坛的CSS视频教程，这节课程我们讲一下CSS控制文字水平居中、垂直居中。CSS控制文字水平居中，需要使用text-align属性，其

建站培训课程

最新教程

其它教程