html让内容整体中间,将HTML元素置于页面中间

我想在页面中间水平和垂直放置一个

HTML元素,但是我很难让它在水平方向上对齐.我想把div“内容”集中在一起.这是我的css：

#background

{

position:absolute;

width:100%;

height:100%;

margin:0px;

padding:0px;

left:0px;

right:0px;

z-index:1;

text-align: center;

}

#content

{

margin-left: auto;

margin-right: auto;

width: 200px;

z-index: 2;

position: absolute;

}

这是我的HTML：

Here is some content

由于div必须定位为绝对,所以这样做：

margin: 0 auto;

不行.我不知道该怎么做.另外,我希望它垂直位于页面的中心.非常感谢帮助,谢谢.

编辑：我需要将背景放在一个单独的div中,以便它可以重新调整大小,并且内容不会显示位置是否相对.

html让内容整体中间,将HTML元素置于页面中间相关推荐

html内容整体放大缩小,html元素放大缩小的示例-javaScript示例
无标题文档 if(!arguments[0]){//如果没有参数传进来,则让ojb等于当前的这个元素 //主要是为IE浏览做的一个判断 obj=this} else{ if(arguments[0]. ...
下拉菜单显示隐藏html,根据在下拉列表中选择的内容隐藏和显示HTML元素
我的网站是在ASP classic - VBScript中创建的(不是我的选择,也是我之前没有过的语言).我试图在其中创建一个网页:下拉菜单显示了基于第一个选择内容的额外下拉菜单.我正在尝试使用Jav ...
php修改js内容,js怎样修改html元素的内容？HTML DOM实现修改内容
js怎样修改html元素的内容?本章就给大家介绍在js中利用HTML DOM是怎样修改html元素内容的.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 首先我们要了解HTML DO ...
jQuery（一）:概述、选择器、操作（元素本身、属性、内容、样式）、元素遍历、事件
目录一.jQuery概述 1.1 什么是jQuery 1.2 jQuery的优势 1.3 jQuery版本支持 1.4 jQuery引入 1.5 jQuery核心用法 1.5.1 $介绍 1.5.2 ...
html打印比例缩放,打印内容整体缩小、挤压的原因及解决办法？
打印机打印网页里的内容其行距.字体大小.整体尺寸都缩小了?其实原因很简单,请看本文分享的解决办法(基于lodop打印控件). 打印问题的详情描述用户反馈:电脑打印Word文档.电子表格.打印机测试页 ...
HTML使用iframe元素实现页面内容的跳转功能
HTML使用iframe元素实现页面内容的跳转功能前言一.iframe是什么? 二.iframe的使用 1.主页面内容代码 2.内容页面代码总结前言在前端的学习中,不免有一些页面的跳转功能的 ...
js取iframe 上级页面_原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法...
用原生js在父页面获取iframe子页面的元素,以及在子页面获取父页面元素,这是平时经常会用到的方法,这里写一个例子来总结下: 1.父页面(demo.html),在父页面修改子页面div的背景色为灰色 ...
防止html网页被f12抓取,JS禁止浏览器右键查看元素或按F12审查元素自动关闭页面示例代码...
前言很多站长为了仿止别人仿制或扒下自己的网页,都会选择使用禁止浏览器右键查看元素或F12审查元素,一旦查看元素浏览器页面就会自动关闭,下面话不多说了,来一起看看详细的介绍吧. 注:该代码不兼容火狐浏 ...
点击a标签，跳转到同一页面的指定内容，类似于点击按钮回到页面顶部效果
点击a标签,跳转到同一页面的指定内容,类似于点击按钮回到页面顶部效果这个效果实现方式很简单,只需要在a标签href内填上id名,在内容标签内加入id="名"便可. 下面是实现效果 ...

html让内容整体中间,将HTML元素置于页面中间

html让内容整体中间,将HTML元素置于页面中间相关推荐

最新文章

热门文章