html里面table表格中如何移动图片使其和文字对齐
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!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>无标题文档</title><style type="text/css">table{width:1200px;margin:0px auto;}tr{width:1200px;height:30px;list-style-type:none;}th{border:1px solid #000;font-size:12px;font-family:"微软雅黑"line-hegiht:30px;}</style></head><body><table cellspacing="0"> <tr> <th class="th_1">2</th> <th class="th_2">乌鲁木齐<img src="表格/Warning.png" height="12" title="加班过长"/></th> </tr></table></body></html>
左边这个是图片 展开
左边这个是图片 展开
3个回答
展开全部
按照如下修改就可以对齐了
<!DOCTYPE html">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
table{width:1200px;margin:0px auto;}
tr{width:1200px;height:30px;list-style-type:none;}
th{border:1px solid #000;font-size:12px;font-family:"微软雅黑";line-hegiht:30px;}
/*修正1 设置垂直对齐为居中*/
th>span,th>img {
vertical-align: middle;
}
</style>
</head>
<body>
<table cellspacing="0">
<tr>
<th class="th_1">2</th>
<!-- 修正2 给文字加一个容器 -->
<th class="th_2"><span>乌鲁木齐</span><img src="2.jpg" height="12" title="加班过长"/></th>
</tr>
</table>
</body>
</html>
追问
大神 问一个问题 th>span,th>img 这是什么写法?是啥意思
追答
匹配所有th标记下的子代span和img标记
展开全部
可以设置一下行的样式,让th里面的东西全部居左或者居右
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
图挂了 放张图 兄弟
更多追问追答
追问
没有挂啊 ,我确定我看得到啊。。那我再放一张 那图很小得 , 不是大图。。
追答
。。。 我看到了
你试试 padding-top 在th
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询