css中 background中 middle 意思是

html-css014

css中 background中 middle 意思是,第1张

background:#FF0000 url(/Image/1.jpg) no-repeat center middle

解释:背景色为红色,背景图片 /Image/1.jpg,背景图片水平垂直不重复,背景图片水平居中、垂直居中

这是一种集中写法,还可以分开写:

background-color:#F00

background-image:url(/image/1.jpg)

background-repeat:no-repeat

background-position:center middle

可以用“text-align”属性和“line-height”属性。

1、新建html文件,在body标签中添加div标签,在div标签输入文字,这里以“演示文本”为例,给div标签设置宽度、高度和背景色属性,属性值分别为200、100和灰色,这时“演示文本”默认位置为div盒子的左上方:

2、这时给div标签添加上“text-align”属性,属性值为“center”,这时文字将会在div容器中水平居中:

3、这时给div标签添加行高“ling-height”属性,属性值为高度的值“100px”,再添加“vertical-align”属性,属性值为“middle”,这时文字将会水平垂直都居中: