1可以用textalign属性设置首先打开hbuilder编辑器，新建一个html文件，先切换到边改边看模式2写一个div出来，同时在内部加上一些文字，使用css增加属性，使得div的区域看得清楚3接下来就使用textalign的center属性将文字横向居中，同时设置行高，使这行文字实际占用的高度和div高度相同，就。

1解决水平居中的办法如果图片左浮动并且quotdisplayinlinequot时，只要给图片设置一个quottextaligncenterquot属性，就顺利解决了水平居中2解决垂直居中的办法使用displaytablecell和设置了displayinlineblock的线合span完整例子html代码ltul class=quotimgWrap clearfixquotltlilta href=quot#quot。

方法除了使用textalign center来居中内部的文本内容，还可以使用margin 0 auto来使块级元素本身在其父容器中水平居中示例htmlltdiv style=quotmargin 0 auto width 50% backgroundcolor lightgrayquot这是一个水平居中的块级元素ltdiv注意textalign center主要用于将行内内容在其父。

在HTML页面布局中，让div元素居中的方法主要有两种margin方法和position方法这两种方法都能有效地实现div元素的水平和垂直居中首先，使用margin方法，可以通过设置div的左右margin值使其居中具体操作是，计算父元素宽度减去div宽度后除以2，得到的值设置为marginleft，同时计算父元素高度减去div高度后。

行内元素的水平居中方法给行内元素的父元素设置textalign center适用对象常见的行内元素如spanastrongem等，以及这些元素内的文字或图形内容定宽块状元素的水平居中方法给块状元素设置margin 0 auto适用对象具有固定宽度的块状元素，如设置了width属性的divptable等不。