如何使用html基于表内容增加图像大小？ [英] How to increase image size based on table contents using html?
本文介绍了如何使用html基于表内容增加图像大小？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我已创建一个表。我创建一个表，但在第一个表内部创建表。
第一个表：我添加了一个图像。
第二个表：我写了一些内容。
内容很大，所以第二个表增加，但第一个表和图像没有增加。所以如何增加图像大小。 / p>
我使用以下代码：
< html&
& lt; head>
< style type =text / css>
body {
font-family：Calibri;
}
表tr {
border：none;
}
a，a：link，a：visited，a：active {
text-decoration：none;
color：＃09B0CE;
}
img {
border：none;
width：100％;
height：auto;
}
< / style>
< /头>
< body>
< table cellspacing =1cellpadding =0align =centerid =main-panelstyle =width：100％; background-color：＃f2f2f2; color：rgb 75，75）; border-collapse：collapse; border：1px solid＃f2f2f2;>
< tbody>
< td>
< table align =centerwidth =640pxstyle =width：640px; padding：2px 0px 2px 0px; background-color：＃17B8DD>
< tbody>
< tr>
< td style =width：100％;>
< table>
< tr>
< td width =85％style =padding-top：10px>
< a href =http://www.s.com>
< img src =http：//KB/logo.pngalt =S.INC style =height：auto; width：autosizes =80vw/>
< / a>
< / td>
< / tr>
< / table>
< / td>
< / tr>
< / tbody>
< / table>
< / td>
< / tr>
< tr>
< td style =padding：0px 0px 0px 0px;>
< table style =color：＃4D4D4D; font-size：14px; font-weight：normal; width：100％; border：1px solid #cccccc; padding：10px 0px 10px 20px;border =1pxcellspacing =2cellpadding =3>
< tbody>
< tr style =padding：10px 10px 5px 10px; >
< th style =width：32％>控制< / th>
< th style =width：36％>测试用例名称< / th>
< th style =width：32％>状态< / th>
< / tr>
< tr style =padding：10px 10px 5px 10px ;>
< th style =width：32％> EnterpriseServer< / th>
< th style =width：36％> AddPasswordForDataSource_ValidDataSourceIdAndPassword_PasswordAddedInDataSourceDetail< / th>
< th style =width：32％>失败< / th>
< / tr>
< / tbody>
< / table>
< / td>
< / tr>
< / tbody>
< / table>
解决方案
试试
< table cellspacing =1cellpadding =0align =centerid =main-panelstyle =width：100％; background- color：＃f2f2f2; color：rgb（75，75，75）; border-collapse：collapse; border：1px solid＃f2f2f2;>
< tbody>
< tr>
< td>
< table align =centerwidth =style =width：100％; padding：2px 0px 2px 0px; background-color：＃17B8DD>
< tbody>
< tr>
< td style =width：100％;>
< table>
< tbody>< tr>
< td width =style =padding-top：10px>
< a href =http://www.s.com>
< img src =http://dakhal.net/Archieves/2/image/news_image_98.jpegalt =S.INC style =width =100％>
< / a>
< / td>
< / tr>
< / tbody>< / table>
< / td>
< / tr>
< / tbody>
< / table>
< / td>
< / tr> < tr> < td style =padding：0px 0px 0px 0px;>
< table style =color：＃4D4D4D; font-size：14px; font-weight：normal; width：100％; border：1px solid #cccccc; padding：10px 0px 10px 20px; 。 border =1pxcellspacing =2cellpadding =3>
< tbody>
< tr style =padding：10px 10px 5px 10px;>
< th style =width：32％>控制< / th>
< th style =width：36％>测试用例名称< / th>
< th style =width：32％>状态< / th>
< / tr> < tr style =padding：10px 10px 5px 10px;>
< th style =width：32％> EnterpriseServer< / th>
< th style =width：36％> AddPasswordForDataSource_ValidDataSourceIdAndPassword_PasswordAddedInDataSourceDetail< / th>
< th style =width：32％>失败< / th>
< / tr>
< / tbody>
< / table>
< / td>
< / tr>
< / tbody>
< / table>
I have Created one table.Again I create one table but table created at inside of the first table.
First table : I added one image. second table : I write some content.
content is large so second table increase but first table and images not increased.so how to increase image size.
I used following code :
<html>
<head>
<style type="text/css">
body {
font-family: Calibri;
}
table tr {
border: none;
}
a, a:link, a:visited, a:active {
text-decoration: none;
color: #09B0CE;
}
img {
border: none;
width: 100%;
height: auto;
}
</style>
</head>
<body>
<table cellspacing="1" cellpadding="0" align="center" id="main-panel" style="width: 100%; background-color:#f2f2f2; color: rgb(75, 75, 75); border-collapse: collapse; border: 1px solid #f2f2f2;">
<tbody>
<tr>
<td >
<table align="center" width="640px" style="width: 640px; padding: 2px 0px 2px 0px; background-color: #17B8DD">
<tbody>
<tr>
<td style="width:100%;">
<table>
<tr>
<td width="85%" style="padding-top:10px">
<a href="http://www.s.com">
<img src="http://KB/logo.png" alt="S.INC style="height:auto; width:auto" sizes="80vw"/>
</a>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="padding: 0px 0px 0px 0px;">
<table style="color: #4D4D4D; font-size: 14px; font-weight: normal; width: 100%; border:1px solid #cccccc; padding: 10px 0px 10px 20px;" border="1px" cellspacing="2" cellpadding="3">
<tbody>
<tr style="padding: 10px 10px 5px 10px;">
<th style="width: 32%">Control</th>
<th style="width: 36%">Test Case Name</th>
<th style="width: 32%">Status</th>
</tr>
<tr style="padding: 10px 10px 5px 10px;">
<th style="width: 32%">EnterpriseServer</th>
<th style="width: 36%">AddPasswordForDataSource_ValidDataSourceIdAndPassword_PasswordAddedInDataSourceDetail</th>
<th style="width: 32%">Failed</th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
解决方案
try this
<table cellspacing="1" cellpadding="0" align="center" id="main-panel" style="width: 100%; background-color:#f2f2f2; color: rgb(75, 75, 75); border-collapse: collapse; border: 1px solid #f2f2f2;">
<tbody>
<tr>
<td>
<table align="center" width="" style="width:100% ; padding: 2px 0px 2px 0px; background-color: #17B8DD">
<tbody>
<tr>
<td style="width:100%;">
<table>
<tbody><tr>
<td width="" style="padding-top:10px">
<a href="http://www.s.com">
<img src="http://dakhal.net/Archieves/2/image/news_image_98.jpeg" alt="S.INC style=" width="100%">
</a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody>
</table>
</td>
</tr> <tr> <td style="padding: 0px 0px 0px 0px;">
<table style="color: #4D4D4D; font-size: 14px; font-weight: normal; width: 100%; border:1px solid #cccccc; padding: 10px 0px 10px 20px;" border="1px" cellspacing="2" cellpadding="3">
<tbody>
<tr style="padding: 10px 10px 5px 10px;">
<th style="width: 32%">Control</th>
<th style="width: 36%">Test Case Name</th>
<th style="width: 32%">Status</th>
</tr> <tr style="padding: 10px 10px 5px 10px;">
<th style="width: 32%">EnterpriseServer</th>
<th style="width: 36%">AddPasswordForDataSource_ValidDataSourceIdAndPassword_PasswordAddedInDataSourceDetail</th>
<th style="width: 32%">Failed</th>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
这篇关于如何使用html基于表内容增加图像大小？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
