как бы сделать так, чтобы выравнивание текста велось так же, как если бы оно делало один текст, если мне нужно разбить текст на несколько div - PullRequest
Новая
       23

как бы сделать так, чтобы выравнивание текста велось так же, как если бы оно делало один текст, если мне нужно разбить текст на несколько div

0 голосов
/ 01 мая 2019

У меня длинный текст, который мне нужен для выравнивания текста по центру. Части этого имеют разные стили. Так что я должен разбить его на разные div и сделать отображение как inline-block. Теперь text-align: center ведут себя по-другому. Как бы получить такой же эффект для text-align: center, как если бы это был один текст? 

.main {
  font-size: 14px;
  width: 320px;
  height: 60px;
  text-align: center;
  line-height: 1.43;
}

.help {
  margin-left: 5px;
  Font-size: 16px;
  display: inline-block;
}

.gt {
  margin-left: 5px;
  display: inline-block;
}

.permissions {
  margin-left: 5px;
  Font-size: 16px;
  display: inline-block;
}
<div className=“ main”>
  <div>only admin can use this page. Press
    <div className=“help”>help </div>
    <div className=“ gt”>></div>
    <div className=“permissions”>permissions</div>
    <div>

Ответы [ 2 ]

1 голос
/ 01 мая 2019

Не используйте div для разделения текста, используйте span. 

<div>only admin can use this page. Press 
  <span className=“help”>help </span>
  <span className=“gt”>></span>
  <span className=“permissions”>permissions</span>
</div>
0 голосов
/ 01 мая 2019

Все содержимое вашего основного div, поместите его в промежуток.Измените эти div для span.затем установите для этого основного диапазона значение margin-left и margin-right равным auto.

...