Форумы портала PHP.SU :: Версия для печати :: Как скрыть часть текста

Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Как скрыть часть текста

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Как скрыть часть текста

Страниц (1): [1]

1. Еугений - 21 Сентября, 2013 - 12:53:45 - перейти к сообщению

ЗДравствуйте!
Как можно избавиться от такой проблемы?
Надо скрыть ту часть текста, которую див разрезает.
Есть ли готовое решение? Текст может как и быть разрезанным, или нет, но надо чтобы пользователь не видел половинки слов.

CODE (html):
скопировать код в буфер обмена

 
<div style="width: 98px; height: 94px;overflow: hidden;" >
<div>
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст  Текст Текст Текстекст  Текст Текст Текстекст  Текст Текст Текст 
</div>
 

Див всегда должен быть одинаковой высота

2. Саныч - 21 Сентября, 2013 - 12:57:15 - перейти к сообщению

overflow ?

3. LIME - 21 Сентября, 2013 - 12:59:47 - перейти к сообщению

размер блока должен быть кратен line-height строк и не иметь паддингов

4. Еугений - 21 Сентября, 2013 - 13:01:35 - перейти к сообщению

LIME пишет:

размер блока должен быть кратен line-height строк и не иметь паддингов

понимаю, но просто с некоторых устройств когда я смотрю все же текст почему-то такой. я высоту потом через js правлю с учетом высоты текста
(Добавление)
ну ладно, думал есть готовые решения, придется химичить

5. LIME - 21 Сентября, 2013 - 13:04:53 - перейти к сообщению

а ты выставляй размеры не в относительных величинах а в пикселах

6. Еугений - 21 Сентября, 2013 - 13:09:47 - перейти к сообщению

LIME пишет:

а ты выставляй размеры не в относительных величинах а в пикселах

так и делаю, устанавливаю <p ="line-height: 19px;" > text... </p>потом умножаю 19 на какое-нибудь число и полученное число вставляю в св-во height, но блин почему-то текст все равно вылазить.. А забыл сказать - есть еще в тексте <h1> </h1>ему я задаю 19*2 размер но ведь это тоже кратно

7. LIME - 21 Сентября, 2013 - 13:13:14 - перейти к сообщению

сбросил все марджины и падинги для тегов внутри блока?

8. Еугений - 21 Сентября, 2013 - 13:14:35 - перейти к сообщению

LIME пишет:

сбросил все марджины и падинги для тегов внутри блока?

,
да
p, h1 {padding: 0px; margin: 0px;}

9. LIME - 21 Сентября, 2013 - 13:14:53 - перейти к сообщению

Еугений пишет:

ему я задаю 19*2 размер но ведь это тоже кратно

кратно...но ведь может как раз на его середину и попадает
это же элементарно
плюнул и удалился

10. teddy - 21 Сентября, 2013 - 13:30:36 - перейти к сообщению