Разрыв контрольной линии, чтобы сделать линии равными по ширине - PullRequest
Новая
       31

Разрыв контрольной линии, чтобы сделать линии равными по ширине

0 голосов
/ 27 сентября 2018

Если h1 слишком длинный, чтобы поместиться в одну строку и перенести на следующую строку, я хочу, чтобы эти две строки были примерно одинаковой ширины.Я искал все это для решения CSS, но безуспешно.

Правда ли, что это невозможно с помощью CSS?Это кажется такой простой вещью, которая была бы полезна во многих случаях, поэтому я действительно озадачен тем, что это явно невозможно сделать с помощью CSS.

Может кто-нибудь порекомендовать какой-нибудь обходной путь или чтоследующая лучшая вещь может быть?

Просто чтобы было ясно, вот что я имею в виду:

Вот заголовок, который слишком длинный, чтобы соответствоватьв одну строку, поэтому он переносится на следующую строку текста

То, что я хочу, это:

Вот заголовок, который слишком длинный, чтобы поместиться в

строка, поэтому она переносится на следующую строку текста

1 Ответ

0 голосов
/ 27 сентября 2018

Вы можете попробовать поиграть с max-width и word-break.Обратите внимание, что если вы используете word-break: all, возможно, создаст ошибку переноса.

Два примера: 

.example-1 {
  max-width: 610px; 
  width: 800px;
  word-break: break-word;
}

.example-2 {
  max-width: 610px; 
  width: 800px;
  word-break: break-all;
}
<div class="example-1">
  <h1>Here is a headline that's too long to fit on a single line, so it wraps to the next line of text</h1>
</div>

<div class="example-2">
  <h1>Here is a headline that's too long to fit on a single line, so it wraps to the next line of text</h1>
</div>
...