2第二步，执行完上面的操作之后，将“ textalign”属性添加到div，该属性值为“ center”，然后文本将在框架内水平居中，见下图，转到下面的步骤3第三步，执行完上面的操作之后，将“ lineheight”属性添加到div，该属性值为div的高度，然后文本将在框中垂直居中，见下图这样，就解决了。

比如index说明html，用于填写代码的基本层次的问题 2在indexhtml中的ltstyle标签中，将“shoucang sc_ul li”中的“height 73px”调整为height 73pxpaddingtop 7px3最后，浏览器运行indexhtml页面，发现li标记中的文本垂直和水平居中。

方法一 设置盒子高度与lineheight相同，本方法适用于一行文字图片垂直居中 和一行文字对齐 用属性verticalalign 小图标和文字垂直对齐，小图标作为背景插入 attr设置自己生成的属性，像selected checked这类即使用鼠标点过 他的值是undefinded，所以自有属性推荐用prop 包含块Containing Block。

htmlahref=#我是A标签的内容a运行结果不使用css宽度和高度由内容决定使用css后宽度和高度由css属性决定html中间部分用什么标签a标签本身默认类似css中displayinline，即内联元素，没有回车符这时，任何对a元素的配置，均无法让a标签内的文字居中对齐只能影响a标签整体对齐了解a。

为了使文字在中水平和垂直居中，可以使用CSS样式首先需要设置文字的水平居中，可以使用quottextaligncenterquot接着，要实现垂直居中，需要设置行高与的高度一致，使用quotlineheight20pxquot进行设置具体实现代码如下HTML部分1 ltdiv水平垂直居中ltdiv CSS部分1 2 3 4 5 6 7。

文本水平居中使用CSS的textalign属性来水平居中文本将该属性应用于包含文本的HTML元素，如ltdiv或ltpltstylecentertext textalign centerltstyleltdiv class=quotcentertextquot这是居中的文本ltdiv文本垂直居中垂直居中文本通常需要更多的CSS样式你可以使用CSS的display flex。

演示文本”默认位置为div盒子的左上方2这时给div标签添加上“textalign”属性，属性值为“center”，这时文字将会在div容器中水平居中3这时给div标签添加行高“lingheight”属性，属性值为高度的值“100px”，再添加“verticalalign”属性，属性值为“middle”，这时文字将会水平垂直都居中水平。

1第一种定宽块状元素水平居中设置“左右margin”值为“auto”来实现居中代码如图2浏览器查看结果如图所示3第二种不定宽元素设置的居中的元素外面加入一个 table 标签 为这个 table 设置左右 margin 居中代码如图4结果显示如图所示5第三种不定宽块状元，改变块级元素的。