2016-04-25 32 views
0

我已經使用HTML創建了一個表格。如何使用html增加表格內的圖像?

表詳細信息:

第一行:我插入了一個圖像。

第二行:一些內容。

再次我寫一行。第三行成功添加。行內容很大,所以表自動增加大小,但第一行圖像不增加。

如何增加基於表格內容的圖像?

感謝,

庫馬爾 - [R

+0

什麼你試過嗎? – nisar

回答

0

你有沒有嘗試添加這樣的CSS規則?

table img { 
    width: 100%; 
    height: auto; 
} 

也許這只是一個CSS問題。

+0

我已添加此代碼,但無法正常工作。 img { border:none; 寬度:100%; 身高:自動; } –

+0

你可以爲你的問題創建一個小提琴嗎? –

+0

我已經發布了我的html代碼,下面link.please請參閱鏈接。鏈接:http://stackoverflow.com/questions/36836852/how-to-increase-image-size-based-on-table-contents-using-html –

0

添加這個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>

+0

我試過下面的代碼:

\t \t \t \t \t \t \t \t \t \t \t \t S Inc.

+0

嗨Daniele Petrarolo,我創建了一張桌子,我又在第一張桌子裏面創建了一張桌子。第一張桌子我寫了一張圖片。第二個表我寫內容。 –

+0

嗨Munawir,\t 我已經發布了我的html代碼,下面link.please請參閱鏈接。鏈接:http://stackoverflow.com/questions/36836852/how-to-increase-image-size-based-on-table-contents-using-html –

相關問題