日度归档:2020年5月22日

css中如何对不确定(未知)大小的图片进行垂直和水平居中呢?


摘要:
下面讲述css将未知图片大小进行垂直和水平居中的方法分享,如下所示:

css代码中,当一个图片放入div标签中,在标准浏览器中我们可以使用line-height和vertical-align:middle将图片居中,
但是在IE中有时无效,我们可以采用以下方法进行处理,如下所示:

.box{ 
  height:230px;
  width:300px;
  border:solid 1px blue;
  text-align:center;/*水平居中*/
  line-height:230px; 
} 
img{
   vertical-align:middle;/*标准浏览器图片垂直居中*/
} 

HTML <center>标签功能说明


摘要:
下文讲述html代码中center标签的功能说明,如下所示:


center标签功能

center标签的功能可对其包含的文本进行水平居中操作,

 center标签注意事项:
     此标签在XHTML 1.0 Strict DTD模式 无法使用
     在html5中无法使用此标签


center标签举例

<meta charset='utf-8' />
<p>
 maomao365.com <br />
 html center标签举例说明
</p>
<hr />
<center>
猫猫教程--center标签示例说明
</center>