文章标题

来源:互联网 发布:公务员和程序员 编辑:程序博客网 时间:2024/06/01 20:31

1.使得图片、文本上下、左右居中的css样式
图片、文本左右居中:

<html>  <body>      <style>       img{text-align:center;}      </style>      <img src="xx.jpg"/>      <p>我是</p>  </body></html>

文本在所包含的父元素中上下居中:
使得line-height的高度跟文本的父元素的高度一样就行;

<html>  <head>   <style>     div{height:100px;line-height:100px;}   </style>  </head>  <body>    <div>     我是    </div>  </body></html>

图片在所包含的父元素中的上下居中方式:

<html>  <head>   <style>     div{height:100px;vertical-aline:center;}   </style>  </head>  <body>    <div>     <img src="xx.jpg";>    </div>  </body></html>

或者使用,定义好图片的宽高,然后根据父元素的高-图片的高除以2 将值编辑在margin-top中就行

0 0