Как сделать что бы текст не растягивал ячейку

@GSXL · Регистрация: 26.11.2011

Author24 — интернет-сервис помощи студентам

Имеется ячейка таблицы в которой помещается 3 строки текста, при большом количестве ячейка начинает растягиваться, Можно ли с помощью CSS зафиксировать высоту?

Сразу скажу что с CSS 1й раз, появилась необходимость вывести html отчет на печать. Сам пишу в VB.NET

@nikipor · 29.12.2015, 15:08

Смотря куда Вы планируете деть лишний текст.

@megastriker · 29.12.2015, 15:10

Сообщение от nikipor

Смотря куда Вы планируете деть лишний текст.

я думаю, тут нет другого варианта, кроме как тупо не показывать лишний текст.

@nikipor · 29.12.2015, 15:41

Можно такой вариант:

HTML5

<TABLE ><TD  style="display: block;  border: solid 1px black; width: 55px; height: 55px; overflow: hidden">
 
 
Имеется ячейка таблицы в которой помещается 3 строки текста, при большом количестве ячейка начинает растягиваться, Можно ли с помощью CSS зафиксировать высоту?
 
Сразу скажу что с CSS 1й раз, появилась необходимость вывести html отчет на печать. Сам пишу в VB.NET
 
    </TABLE>

Если не устроит, то вместо block попробуйте table-cell, но не во всех браузерах работает.

Есть ещё вариант - содержимое ячейки засунуть в ДИВ с размерами 100% и ему назначить overflow: hidden

@GSXL · 29.12.2015, 17:34 **[ТС]**

Сообщение от nikipor

Смотря куда Вы планируете деть лишний текст.

Скорее просто троиточие и удаление излишка, ибо информации фикс объем
nikipor, спасибо, попробую попозже

@GSXL · 29.12.2015, 22:55 **[ТС]**

Не помогло в общем.
Задам еще вопрос, хочу печатать штрихкод форматом ean-13, я его развернул на 90 градусов но все ровно смущает ширина, можно как то обрезать текст с каждой стороны на 5 пикселей к примеру?

@Satorius · 30.12.2015, 00:44

Можно поиграться с clip rect

Можно просто подкладывать картинку бэкграундом:

HTML5

<style type="text/css">
.code {width:20px; height:130px; background-image:url(/img/codes.png); background-repeat:no-repeat; background-position:center;}
</style>
<table>
  <tr><td>Штрих код</td><td class='code'></td></tr>
</table>

Только надо решить вопрос с высотой ячейки, если картинки разной высоты. Выглядеть будет так:

@GSXL · 30.12.2015, 00:49 **[ТС]**

Satorius, это шрифт такой, это не картинка будет)

@Satorius · 30.12.2015, 01:33

В качестве распорки по высоте можно использовать саму же картинку, сделав ее прозрачной. Тогда ширина щели регулируется в div'е

HTML5

<style type="text/css">
.code {background-image:url(/img/codes.png); background-repeat:no-repeat; background-position:center;}
</style>
<table>
  <tr><td>Штрих код</td><td class='code'><div style='width:20px; overflow-x:hidden; opacity:0;'><img src="/img/codes.png"></div></td></tr>
</table>

p.s верстальщик скорее всего сможет найти более красивое решение.

Добавлено через 32 минуты

Сообщение от GSXL

Satorius, это шрифт такой, это не картинка будет)

Без разницы, шрифт тоже обрезается таким методом. Не знаю как технически вы его разворачиваете вертикально, но для горизонтального шрифта вот пример обрезания.

p.s но лучше конечно к верстальщику.

@GSXL 172 / 180 / 27 Регистрация: 26.11.2011 Сообщений: 386 Записей в блоге: 1
		1
	Как сделать что бы текст не растягивал ячейку 29.12.2015, 14:14. Показов 9405. Ответов 8 Метки нет (Все метки) Имеется ячейка таблицы в которой помещается 3 строки текста, при большом количестве ячейка начинает растягиваться, Можно ли с помощью CSS зафиксировать высоту? Сразу скажу что с CSS 1й раз, появилась необходимость вывести html отчет на печать. Сам пишу в VB.NET 0

@nikipor 10 / 10 / 6 Регистрация: 05.01.2012 Сообщений: 113
	29.12.2015, 15:08	2
	Смотря куда Вы планируете деть лишний текст. 0

@megastriker 53 / 53 / 39 Регистрация: 05.12.2010 Сообщений: 261
	29.12.2015, 15:10	3
	Сообщение от nikipor Смотря куда Вы планируете деть лишний текст. я думаю, тут нет другого варианта, кроме как тупо не показывать лишний текст. 0

@GSXL 172 / 180 / 27 Регистрация: 26.11.2011 Сообщений: 386 Записей в блоге: 1
	29.12.2015, 17:34 [ТС]	5
	Сообщение от nikipor Смотря куда Вы планируете деть лишний текст. Скорее просто троиточие и удаление излишка, ибо информации фикс объем nikipor, спасибо, попробую попозже 0

@GSXL 172 / 180 / 27 Регистрация: 26.11.2011 Сообщений: 386 Записей в блоге: 1
	29.12.2015, 22:55 [ТС]	6
	Не помогло в общем. Задам еще вопрос, хочу печатать штрихкод форматом ean-13, я его развернул на 90 градусов но все ровно смущает ширина, можно как то обрезать текст с каждой стороны на 5 пикселей к примеру? Миниатюры 0

@GSXL 172 / 180 / 27 Регистрация: 26.11.2011 Сообщений: 386 Записей в блоге: 1
	30.12.2015, 00:49 [ТС]	8
	Satorius, это шрифт такой, это не картинка будет) 0

	30.12.2015, 01:33

Как сделать что бы текст не растягивал ячейку

Решение