Изменить размер \ увеличить содержание HTML в тд

-1

Вот пример:Изменить размер увеличить содержание HTML в тд

<table> 
    <tr> 
     <td width="400px" id='myTD'></td> 
    </td> 
</table>

здесь внешний код:

protected string GetHtml() 
{ 
    return "<table><tr><td width="800px"></td></tr></table>"; 
}

Поскольку ширина «myTD» меньше, чем ширина внешний код, отображаемый кодом, выходит из основных границ таблицы, я не хочу, чтобы innerHTML of myTD делал основную таблицу более широкой. Достаточно сказать, что, поскольку внешний HTML-код предоставляется снаружи, я не могу его изменить, не разрушая его, так как я никогда не узнаю, какая ширина или высота будут важны для кода, а что нет.

источник

2012-03-04 David Rasuli

Механизм происходящего несколько неясен. Пожалуйста, объясните больше. И избавиться от 'px', или изменить ширину на встроенные стили. –

Я пытаюсь загрузить возвращаемое значение из GetHTML() в 'myID' innerHTML, но оно увеличивает ширину всей таблицы, так как ширина innerHTML больше, чем ширина myTD. –

Хорошо, так что должно случиться? Если остальная часть содержимого будет скрыта, или вы хотите, чтобы горизонтальная полоса прокрутки появлялась в вашем td? –

Это было непросто, так как это совместимо со всеми браузерами, но я все-таки придумал это.

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <style> 
    #myID {width:400px; overflow:scroll} 
    </style> 
</head> 
<body> 
    <table> 
    <tr> 
    <td><div id='myID'> 

    <table><tr><td width="800"><hr style="width:792px"</td></tr></table> 

    </div></td> 
    </tr> 
    </table> 
</body> 
</html>

(или как jsFiddle). То есть, добавив новый элемент внутри вашего td, который получает полосы прокрутки. Попытка применить overflow:scroll к ячейке таблицы не работает одинаково во всех браузерах.
Надеюсь, вы сможете это использовать.

источник

2012-03-05 09:42:44

Изменить размер \ увеличить содержание HTML в тд

ответ

Смежные вопросы