Фиксированный контейнер HTML

Question

Я создал электронную таблицу, такую ​​как веб-приложение, и теперь мне нужно исправить размер ячейки, чтобы текст внутри ячейки не увеличивал ширину или высоту ячейки.

Вы можете посмотреть его здесь http://i56.tinypic.com/4rw948.png.

Ячейки - это в основном элементы, имеющие два столбца, которые необходимо исправить, чтобы каждая ячейка имела одинаковый размер. Мне все равно, если текст обрезается из-за большого количества алфавитов.

Обновление: http://partydesigners.site50.net/Excel%20Like%20App/Index.html

Answer 1

Хорошо, я решил проблему сам, поместив div внутри каждого тд и применив следующий CSS.

height: 40px;
min-height: 40px;
max-height: 40px;
overflow: hidden;

В любом случае, огромное спасибо за ответы ваших парней.

Answer 2

Вот и про границу я думаю.Во время выполнения, когда выделена ячейка, вы создаете черную рамку.Все границы имеют эффект заполнения.Я предлагаю вам установить высоту и ширину строки выделенных ячеек за вычетом ширины границы.

Например;

Подумайте о квадрате шириной 100 пикселей.Если вы добавите границу шириной 2 пикселя к этому квадрату, она автоматически составит 104 пикселя.Если вы хотите фиксированный вид квадрата шириной 100px, вам нужно установить его ширину 96px и добавить границу ширины 2 px.

Надеюсь, это поможет.

Answer 3

Существует max-width и max-height для ограничения размера элементов в CSS.Вы также можете посмотреть на overflow: hidden;

Answer 4

Вы можете попробовать следующий CSS в ячейке:

width: 100px;
max-width: 100px;
min-width: 100px;
overflow: hidden;  // Or scroll if you want the content to be scrollable

Answer 5

Возможно попробуйте overflow: hidden на клетках.