2014 dxdy logo

Научный форум dxdy

Математика, Физика, Computer Science, Machine Learning, LaTeX, Механика и Техника, Химия,
Биология и Медицина, Экономика и Финансовая Математика, Гуманитарные науки




Начать новую тему Ответить на тему
 
 как в HTML выставить интерлиньяж если слова разного размера?
Сообщение26.05.2017, 13:57 


28/11/11
2884
Есть кусочек текста, загнанный в теги <p>текст</p>.
Некоторые слова в нём разного размера, а именно они обёрнуты в теги <span style="font-size:120%">слово</span> и <span style="font-size:140%">другое слово</span>.
Сам кусочек текста отображается в много строк на экране, потому что длинный.
И вот расстояния между строками получаются разные: где-то сжатое, где-то растянутое, в зависимости от того какого размера слова папали на ту строку при отображении.

Как вертикально выравнять строки, независимо от того какого размера слова в нём встречаются?

Пример:
Код:
<p>Он говорил на том изысканном французском языке, на котором не только говорили, но и думали наши деды, и с теми, тихими, покровительственными интонациями, которые свойственны состаревшемуся в свете и при дворе значительному человеку. Он подошел к Анне Павловне, поцеловал ее руку, подставив ей свою надушенную и сияющую лысину, и покойно уселся на диване... Князь
<span style="font-size:120%">Василий</span> говорил всегда лениво, как актер говорит роль старой пиесы. <span style="font-size:140%">Анна</span> Павловна Шерер, напротив, несмотря на свои сорок лет, была преисполнена оживления и порывов... Быть энтузиасткой сделалось ее общественным положением, и иногда, когда ей даже того не хотелось, она, чтобы не обмануть ожиданий людей, знавших ее, делалась энтузиасткой. Сдержанная улыбка, игравшая постоянно на лице Анны Павловны, хотя и не шла к ее отжившим чертам, выражала, как у избалованных детей, постоянное сознание своего милого недостатка, от которого она не хочет, не может и не находит <span style="font-size:160%">нужным</span> исправляться. В середине разговора про политические действия Анна Павловна разгорячилась.</p>


Пробовал задать line-height для тега p как стиля вверху кода, но строки вертикально всё-равно разъезжаются.

-- 26.05.2017, 14:00 --

Ну, то есть вот я знаю что слова размера большего чем font-size:180% не встречаются. И по идее нужно установить чуть большее расстояние между всеми строками-при-отображении. Но строки-при-отображении не пойму как контролировать. Весь же текст с точки зрения HTML это один тег p.

 Профиль  
                  
 
 Re: как в HTML выставить интерлиньяж если слова разного размера?
Сообщение26.05.2017, 14:04 
Заслуженный участник


06/07/11
5570
кран.набрать.грамота
Возможно, line-height применяется и к тексту внутри span тоже. Попробуйте задать line-height отдельно для каждого тега, для p - 160% (например), для span - 100%. У меня сейчас нет возможности проверить.

 Профиль  
                  
 
 Re: как в HTML выставить интерлиньяж если слова разного размера?
Сообщение26.05.2017, 18:15 
Заслуженный участник


06/07/11
5570
кран.набрать.грамота
Проверил, работает: https://jsfiddle.net/jgv457so/

 Профиль  
                  
 
 Re: как в HTML выставить интерлиньяж если слова разного размера?
Сообщение26.05.2017, 23:32 


28/11/11
2884
rockclimber, супер, спасибо за решение! :-)

 Профиль  
                  
Показать сообщения за:  Поле сортировки  
Начать новую тему Ответить на тему  [ Сообщений: 4 ] 

Модераторы: Toucan, maxal, PAV, Karan, Супермодераторы



Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Найти:
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group