我已經使用HTML創建了一個表格。如何使用html增加表格內的圖像?
表詳細信息:
第一行:我插入了一個圖像。
第二行:一些內容。
再次我寫一行。第三行成功添加。行內容很大,所以表自動增加大小,但第一行圖像不增加。
如何增加基於表格內容的圖像?
感謝,
庫馬爾 - [R
我已經使用HTML創建了一個表格。如何使用html增加表格內的圖像?
表詳細信息:
第一行:我插入了一個圖像。
第二行:一些內容。
再次我寫一行。第三行成功添加。行內容很大,所以表自動增加大小,但第一行圖像不增加。
如何增加基於表格內容的圖像?
感謝,
庫馬爾 - [R
你有沒有嘗試添加這樣的CSS規則?
table img {
width: 100%;
height: auto;
}
也許這只是一個CSS問題。
我已添加此代碼,但無法正常工作。 img { border:none; 寬度:100%; 身高:自動; } –
你可以爲你的問題創建一個小提琴嗎? –
我已經發布了我的html代碼,下面link.please請參閱鏈接。鏈接:http://stackoverflow.com/questions/36836852/how-to-increase-image-size-based-on-table-contents-using-html –
添加這個CSS
table img {
width : 100%;
height : auto;
}
演示:
.tg td {
border-style:solid;
border-width:1px;
overflow:hidden;
}
table img {
width : 100%;
height : auto;
}
<table class="tg">
<tr>
<td>
<img src='http://placehold.it/50x50' />
</td>
</tr>
<tr>
<td>
some content
</td>
</tr>
<tr>
<td>
some laaaaaaaaaaaaaaaaaaaaaarge content
</td>
</tr>
</table>
嗨Daniele Petrarolo,我創建了一張桌子,我又在第一張桌子裏面創建了一張桌子。第一張桌子我寫了一張圖片。第二個表我寫內容。 –
嗨Munawir,\t 我已經發布了我的html代碼,下面link.please請參閱鏈接。鏈接:http://stackoverflow.com/questions/36836852/how-to-increase-image-size-based-on-table-contents-using-html –
什麼你試過嗎? – nisar