html中网页整个居中,两边留白的代码是什么?

html-css07

html中网页整个居中,两边留白的代码是什么?,第1张

在html中使所有的元素都剧中显示两边留白的最简单的实现方法就是给整体的容器设置一个剧中,例如设置margin:0 auto。

工具原料:编辑器、浏览器

1、实现简单的让页面所有的元素的都剧中显示的方法如下:

<body >

<div style="border: 1px solid #000000width: 300pxheight: 500pxmargin: 0 auto">

<span>这是居中显示的一段文字</span>

</div>

</body>

2、给容器div设置margin的值,导致其会居中显示在body中,效果如下:

html:  超文本标记语言, 标准通用标记语言下的一个应用。 “ 超文本 ”就是指页面内可以包含图片、 链接,甚至音乐、 程序等非文字元素。 超文本标记语言的结构包括 “头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的 具体内容。

这是高度没有撑起来的原因,

重新设置公共样式;

html{width:100%height:100%}

给你自适应的div设置比如a

.a{ display:tablewidth:100%height:autobackground:#f00}再看一下是不是里面内容有多少高度,a的背景就撑到多少高度了?

text-indent:2em首行缩进两个字符;

text-align:justify两端对齐

padding:0 10px 0 10px从第一个0开始代表:上右下左;所以左间距10px,右间距10px;左右两侧留出10px的;