如何用html代码实现网页上下居中？1其原理很简单，就是把块级元素变成行内元素，定义样式verticalalignmiddle，让其垂直居中这里面有两个难点，怎样把块级元素变成行内元素并可以定义大小，而且还要兼容要了解IElayout2打开HTML的编辑器找到需要居中的图片或者文字在body里面，设置CSS样式。

容器的居中显示在网页设计中是很常见的，居中显示可以获得视觉的焦点，是内容更加突出，下面就简单的说明一下如何在HTML中通过样式的控制来实现 01 最常见的一种，代码示例如下图，首先，取big一半像素大小赋给small层，通过margin 0 auto textalign center来实现 02 第二种方法，代码示例如。

样式中有个textalign，可以设置为center就可以居中了比如要展示的文字 另外，设置垂直方向的属性，可以使用verticalalign，对应的值有top，middle，bottom等。

一在html代码页面的body标签写一个的标签，在里面写内容即可实现居中，如接下来使用的两个方法的前提是你的html代码链接上css代码不然没效果 二textalign center方法在html代码页面给某一个标签取一个名字，然后在css代码给标签设置属性 css效果图三margin 0 auto 0auto左右的。

我们在进行Web前端代码编辑时，经常会遇到元素需要居中的问题，为此，特地总价了一下几种让元素居中的方法一水平居中textaligncenter 这个属性在没有浮动的情况下，我们可以将块级元素转换为inlineinlineblock，然后其父元素加上textaligncenter属性就可以将其居中如果是行内元素比如。

满屏现在大部分是1024*768，不过为了满足800*600的用户浏览需要，现在的网页大部分做成了居中的，这样在800*600下差不多是满屏的，而在1024*768下是居中的，居中的网页大小一般宽为760780像素，如果要使网页居中，可在网页代码和之间加入即可。

1新建html页面 首先打开visual studio软件，然后新建一张HTML页面，如下图所示2main 然后创建一个div，名称为main，随便写上一些文字，如下图所示3居中对齐 然后对body主题设置样式，代码为body margin0 autowidth780px如下图所示4预览效果 在浏览器中的预览效果如下图所示。