如何用css让一个边框自动居中

html-css06

如何用css让一个边框自动居中,第1张

1、是不是width:600height:200的问题，没单位px；

2、题外话：

a标签的伪类注意正确的顺序：

a:link {……} a:visited {……} a:hover {……} a:active {……}

a:visited必须放于a:link之后，a:hover必须放于a:visited之后，不然是无效的。

只是水平居中就是定好宽度margin: 0 auto如果还要垂直居中就：假如是100x100的矩形就是position: absolutetop: 50%left: 50%margin-top: -50pxmargin-left: -50px但是这种方法要看清父级元素有没有设置position: relative要不然很容易会乱，因为你要的是屏幕居中嘛。vertical-align: middle这个也是垂直居中，但难用，我就用不好，你看看用哪种好咯。

根据问题描述有以下几种方式：

如果文本是固定字数且文本父级是固定高度  可用 vertical-align:middle

如果文本字数不是固定数，且文本父级层不是固定高度，可用 padding

如：padding：20px 0px这样文本距离层上下都是 20px，看着就垂直居中了。