Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / overflow:visible + line-height:... / 6 сообщений из 6, страница 1 из 1
18.06.2009, 17:32
    #36049054
Владимир Саныч
Владимир СанычПривилегированный пользователь
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
overflow:visible + line-height:...
Мое почтение всем. Использую line-height - и обнаруживаю, что в первой и последней строчках буквы обрезаны, несмотря на overflow:visible. Это как-то обходится? Заранее спасибо.

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
<html><body>
<span style='
line-height:15px;
width:200px;
top:10px;
left:10px;
height:15px;
font-size:36px;
position:absolute;
overflow:visible;
'>
THIS IS A TEXT THIS IS A TEXT THIS IS A TEXT
THIS IS A TEXT THIS IS A TEXT THIS IS A TEXT
THIS IS A TEXT THIS IS A TEXT THIS IS A TEXT
</span></body></html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.06.2009, 17:50
    #36049106
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
overflow:visible + line-height:...
Если ты задаешь высоту строки меньше высоты шрифта, то почему он не должен обрезаться? Я не скажу формулу вычисления соответствия размера шрифта параметру высоты строки, но последний всегда больше. Буквы обрезает не контейнер, а как бы параграф.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.06.2009, 17:57
    #36049121
%%
%%
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
overflow:visible + line-height:...
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<span style='
 padding: 10px;
 line-height:15px;
 width:200px;
 top:10px;
 left:10px;
 height:15px;
 font-size:36px;
 position:absolute;
 overflow:visible;'>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.06.2009, 18:02
    #36049139
Владимир Саныч
Владимир СанычПривилегированный пользователь
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
overflow:visible + line-height:...
IDVsbruckЕсли ты задаешь высоту строки меньше высоты шрифта, то почему он не должен обрезаться? Я не скажу формулу вычисления соответствия размера шрифта параметру высоты строки, но последний всегда больше. Буквы обрезает не контейнер, а как бы параграф.
Это было бы так, если бы обрезались буквы во всех строчках, а не только верх в первой строчке и низ в последней.

%% padding: 10px;
Спасибо, помогло. Только как рассчитывать эту цифру? В моем случае оптимальным оказалось значение 5. Если сделать слишком много, то ведь тоже нехорошо, текст съезжает вниз.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.06.2009, 18:47
    #36049222
%%
%%
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
overflow:visible + line-height:...
Чтоб не писать много ругательных буквов, лучше по-доброму поделюсь ссылкой

Надеюсь, чтение будет приятным.

P.S. Можешь сразу посмотреть "Setting line height in ems – iteration 5", а остальное прочитать на досуге.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.06.2009, 19:29
    #36049300
Владимир Саныч
Владимир СанычПривилегированный пользователь
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
overflow:visible + line-height:...
Проникся. Громадное спасибо!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / overflow:visible + line-height:... / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 578ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1454656]:
 0ms
get settings:
 11ms
get forum list:
 19ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 213ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 54ms
get tp. blocked users:
 2ms
others: 258ms
total:  578ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]