powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / overflow:visible + line-height:...
6 сообщений из 6, страница 1 из 1
overflow:visible + line-height:...
    #36049054
Фотография Владимир Саныч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Мое почтение всем. Использую 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
overflow:visible + line-height:...
    #36049106
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Если ты задаешь высоту строки меньше высоты шрифта, то почему он не должен обрезаться? Я не скажу формулу вычисления соответствия размера шрифта параметру высоты строки, но последний всегда больше. Буквы обрезает не контейнер, а как бы параграф.
...
Рейтинг: 0 / 0
overflow:visible + line-height:...
    #36049121
%%
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
%%
Гость
Код: 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
overflow:visible + line-height:...
    #36049139
Фотография Владимир Саныч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
IDVsbruckЕсли ты задаешь высоту строки меньше высоты шрифта, то почему он не должен обрезаться? Я не скажу формулу вычисления соответствия размера шрифта параметру высоты строки, но последний всегда больше. Буквы обрезает не контейнер, а как бы параграф.
Это было бы так, если бы обрезались буквы во всех строчках, а не только верх в первой строчке и низ в последней.

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

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

P.S. Можешь сразу посмотреть "Setting line height in ems – iteration 5", а остальное прочитать на досуге.
...
Рейтинг: 0 / 0
overflow:visible + line-height:...
    #36049300
Фотография Владимир Саныч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Проникся. Громадное спасибо!
...
Рейтинг: 0 / 0
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / overflow:visible + line-height:...
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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