div+css，图片文字居中，我写出下面的代码如图示，我想让那文字在图片的中间位置，现在文字在图片的右下角
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/l...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
*{margin:0px; padding:0px;}
.yuemingchaxunri{float:left; width:700px; padding:20px 0px 10px 20px;}
.yunmingchaxunrish{width:700px; height:120px; padding-left:10px; font-size:18px; margin:auto; padding:auto; border:1px solid #000000;}
.yunmingchaxunrish img{ padding-left:80px; padding-top:20px;}
.yunmingchaxunrish b{padding-left:5px; padding-bottom:60px;}
</style>
<div class="yuemingchaxunri">
<div class="yunmingchaxunrish"><img src="images/png-0017.png" width="40" height="40" border="0" alt=""><b>域名查询</b></div>
</div>
</body>
</html> 展开
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
*{margin:0px; padding:0px;}
.yuemingchaxunri{float:left; width:700px; padding:20px 0px 10px 20px;}
.yunmingchaxunrish{width:700px; height:120px; padding-left:10px; font-size:18px; margin:auto; padding:auto; border:1px solid #000000;}
.yunmingchaxunrish img{ padding-left:80px; padding-top:20px;}
.yunmingchaxunrish b{padding-left:5px; padding-bottom:60px;}
</style>
<div class="yuemingchaxunri">
<div class="yunmingchaxunrish"><img src="images/png-0017.png" width="40" height="40" border="0" alt=""><b>域名查询</b></div>
</div>
</body>
</html> 展开
4个回答
展开全部
.yunmingchaxunrish img {
vertical-align:middle; /*加上它试一下*/
padding-left:80px;
/*padding-top:20px;*/ /*不要这一句*/
}
.yunmingchaxunrish b {
padding-left:5px;
padding-bottom:60px;
line-height:120px; /*加上它,看看是不是想要的效果.*/
}
若要文字处于图片之上且在正中间,则要把图片设成背景或采用绝对定位来实现.
vertical-align:middle; /*加上它试一下*/
padding-left:80px;
/*padding-top:20px;*/ /*不要这一句*/
}
.yunmingchaxunrish b {
padding-left:5px;
padding-bottom:60px;
line-height:120px; /*加上它,看看是不是想要的效果.*/
}
若要文字处于图片之上且在正中间,则要把图片设成背景或采用绝对定位来实现.
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
.yunmingchaxunrish img{ padding-left:80px; } 这里把padding-top去掉
给图片加一个绝对居中
<img src="images/png-0017.png" width="40" height="40" border="0" alt="" align="absmiddle">
要真想要边距，那就加在.yunmingchaxunrish { padding-top:20px; }
给图片加一个绝对居中
<img src="images/png-0017.png" width="40" height="40" border="0" alt="" align="absmiddle">
要真想要边距，那就加在.yunmingchaxunrish { padding-top:20px; }
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
*{margin:0px; padding:0px;}
.yuemingchaxunri{float:left; width:700px; padding:20px 0px 10px 20px;}
.yunmingchaxunrish{width:700px; height:120px; padding-left:10px; font-size:18px; margin:auto; padding:auto; border:1px solid #000000;}
.yunmingchaxunrish img{ padding-left:80px;vertical-align:middle;}
.yunmingchaxunrish b{padding-left:5px; padding-bottom:60px;line-height:120px;}
</style>
<div class="yuemingchaxunri">
<div class="yunmingchaxunrish"><img src="images/png-0017.png" width="40" height="40" border="0" alt=""><b>域名查询</b></div>
</div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
*{margin:0px; padding:0px;}
.yuemingchaxunri{float:left; width:700px; padding:20px 0px 10px 20px;}
.yunmingchaxunrish{width:700px; height:120px; padding-left:10px; font-size:18px; margin:auto; padding:auto; border:1px solid #000000;}
.yunmingchaxunrish img{ padding-left:80px;vertical-align:middle;}
.yunmingchaxunrish b{padding-left:5px; padding-bottom:60px;line-height:120px;}
</style>
<div class="yuemingchaxunri">
<div class="yunmingchaxunrish"><img src="images/png-0017.png" width="40" height="40" border="0" alt=""><b>域名查询</b></div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
.yuemingchaxunri{float:left; width:700px; padding:20px 0px 10px 20px;}
中的padding的第一个值设小点就行了比如15px，你自己试着调
中的padding的第一个值设小点就行了比如15px，你自己试着调
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
