2014 dxdy logo

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

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




 
 как в HTML выставить интерлиньяж если слова разного размера?
Сообщение26.05.2017, 13:57 
Есть кусочек текста, загнанный в теги <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 
Возможно, line-height применяется и к тексту внутри span тоже. Попробуйте задать line-height отдельно для каждого тега, для p - 160% (например), для span - 100%. У меня сейчас нет возможности проверить.

 
 
 
 Re: как в HTML выставить интерлиньяж если слова разного размера?
Сообщение26.05.2017, 18:15 
Проверил, работает: https://jsfiddle.net/jgv457so/

 
 
 
 Re: как в HTML выставить интерлиньяж если слова разного размера?
Сообщение26.05.2017, 23:32 
rockclimber, супер, спасибо за решение! :-)

 
 
 [ Сообщений: 4 ] 


Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group