html能设置图片水平和垂直居中吗？

如题所述

推荐答案 æ¨èäº2018-03-14

å¯ä»¥çï¼æ°´å¹³å±ä¸æ¯align=âcenterâ åç´æ¯valign="middle"ï¼ä»£ç å®ä¾å¦ä¸ï¼
<table width="1000px" border="1">
<tr><td align="center"><img src="xx.jpg"></td></tr>
</table>
ä¸é¢çä»£ç å³è®¾ç½®å¾çæ°´å¹³å±ä¸ï¼åçå¯ä»¥è®¾ç½®å¶åç´å±ä¸ã

温馨提示：答案为网友推荐，仅供参考

当前网址：http://66.wendadaohang.com/zd/ppDnp2vU9.html

其他回答

第1个回答 2011-10-26

水4平居中7对元a素本身用margin:0 auto，对父5级元c素用text-align:center就可以2解决。垂直居中7不m太g好解决。我一l般是通过设置上t下apadding来做的lㄊjгムo¨a本回答被提问者采纳

第2个回答 2011-10-26

水4平居中2对元m素本身用margin:0 auto，对父1级元q素用text-align:center就可以5解决。垂直居中1不q太s好解决。我一w般是通过设置上z下gpadding来做的n≠u旦①h睢r堍b

第3个回答 2015-10-22

这个是可以的，代码如下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>使图片相对于上层DIV始终水平、垂直都居中</title>
<style type="text/css">
.thumbBox {width:260px; height:260px; text-align:center; vertical-align:middle; display:table-cell; border:1px solid red;}
</style>
</head>
<body>
使图片相对于上层DIV始终水平、垂直都居中
<p>示例一</p>
<div class="thumbBox">
<img src="http://www.baidu.com/img/bdlogo.gif" >
</div>
<p>示例二</p>
<div class="thumbBox">
<img src="http://y2.ifengimg.com/mappa/2013/06/03/cb32ecdc7d0def4d123ae4c38c50050b.jpg" >
</div>
</body>
</html>

第4个回答 2018-03-14

水平居中的话就在img所在的标签设置text-align:center
垂直居中的话就在img上设置vertical-align:middle
eg.
<div style="text-align:center; width:80px; height:20px;"><img src="*****" style="vertical-align:middle;" width="15" height="15" /></div>

1 2 下一页

相似回答

html5如何布局HTML5布局答：图片水平垂直居中情况很多，最简单的办法是吧图片设置为背景，给背景设置background-position:center;如果只能用图片分两种情况：1.图片宽高固定，这种情况很简单。水平居中：就在图片的css中加dispaly:block;margin:0auto;垂直居中：自己算出（p的高度-图片的高度）/2，得到margin-top值即可。2.图片高度...

html如何设置图片居中html如何设置图片居中对齐答：图片居中可以通过HTML中的align属性来控制。在图片的div中添加align="center"。在浏览器中再次打开这个页面文件，效果如下。图片已经显示在中间。我们还可以通过样式文件来实现图片的居中显示，这里我们以class选择器为例，为图片层加入class=img_center，然后在style标签中定义样式，如下图我们还可以通过样式...

css html 如何将图片img标签 水平居中 垂直居中和水平垂直居中答：一、css图片水平居中。1、利用margin: 0 auto实现图片居中，就是在图片上加上css样式margin: 0 auto 如下：2、设置imgBox的样式如下：3、此时的效果如下：（图片在容器内，水平居中）二、css图片垂直居中。1、css代码如下，使用flex布局实现。2、页面代码HTML如下：3、此时的效果如下：（垂直居中）三、...

HTML CSS中如何实现DIV中的图片水平垂直居中对齐答：1、解决水平居中的办法：如果图片左浮动并且"display:inline"时，只要给图片设置一个"text-align:center"属性，就顺利解决了水平居中。2、解决垂直居中的办法：使用display:table-cell和设置了display:inline-block的线合span。完整例子：html代码：<ul class="imgWrap clearfix"><li><a href="#" ...

HTML CSS中如何实现DIV中的图片水平垂直居中对齐?答：如果图片左浮动并且"display:inline"时，只要给图片设置一个"text-align:center"属性，就解决了水平居中。使用display:table-cell和设置了display:inline-block的线合span，这样就解决垂直居中。《HTML与CSS入门经典》是经典畅销图书《HTML与CSS入门经典》的最新版本，与过去的版本相同，本书采用直观、循序...

html怎么设置图片垂直居中显示答：在父元素上设置text－align属性为center html5中如何让图片上下对齐居中？图片水平垂直居中情况很多，最简单的办法是吧图片设置为背景，给背景设置background-position:center;如果只能用图片分两种情况：1.图片宽高固定，这种情况很简单。水平居中：就在图片的css中加dispaly:block;margin:0auto;垂直居中：...

大家正在搜

html水平垂直居中怎么设置 css水平居中和垂直居中 htmlcss垂直水平居中 css设置水平垂直居中 html设置水平居中水平垂直居中css html垂直居中标签 html水平居中 htmldiv垂直居中