Форсирование определенной ширины / высоты с переполнением в <td>

Question

У меня есть <table> с table-layout, установленным на фиксированный , так что все явные определения ширины / высоты соблюдаются, несмотря ни на что. Я пытаюсь заставить определенный <td> переполниться, но даже если я сделал table-layout: fixed, он не работает.

Что я должен сделать, чтобы это заработало?

Answer 1

Это не будет работать, потому что <td> всегда будет иметь размер изображения

---

Вы можете использовать атрибуты высоты и ширины. Если размер изображения 400x300, то при наборе <img src="..." height="100" width="100" /> отобразится изображение 100x100

.

Если вы хотите обрезать изображение, используйте

<style>
#id{
background:url(...) no-repeat; /* you can use background-position css property here... */
height:100px;
width:100px;
</style>
<div id="image"></div>

Answer 2

Используя table-layout: fixed, вы можете гарантировать только ширину столбца, а не высоту. Кроме того, содержание ячеек не имеет отношения к этой ширине. Из w3schools:

Горизонтальное расположение зависит только от ширина стола и ширина столбцы, а не содержимое ячеек.

Какой контроль вам нужен над отдельными клетками? Вы собираетесь скрытого переполнения или тот, который может прокручивать? Это не ясно из вашего вопроса.