Вопросы Теги

Можно ли центрировать элемент, используя дочерний элемент в качестве центра

Я видел, что он использовался в качестве незначительного взлома производительности для указателя «динамического типа» (в разделе «Под капотом»):

Но вот хитроумный трюк, который я использовал для получения быстрой производительности для небольших типов: если поддерживаемое значение может помещаться внутри void *, я фактически не хочу выделять новый объект, я принудительно вставляю его в сам указатель, используя новое место размещения.

blockquote>

0
задан McMuffin 5 March 2019 в 19:16
поделиться

2 ответа

Если вы можете добавить свой текст в другой контейнер, вы можете попробовать решение ниже: 

p {
  display: flex;
}
p > span {
  width:100%;
}

p > span:first-child {
 text-align:right;
}

.centered {
  margin:0 5px;
}
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css">

<p><span>some text</span> <i class="centered fas fa-arrows-alt-h"></i><span> some more text</span></p>
<p><span>text</span> <i class="centered fas fa-arrows-alt-h"></i> <span>more </span></p>

0
ответ дан Temani Afif 5 March 2019 в 19:16
поделиться

Как это?

Добавить класс centered в тег <i>

Извините за плохое написание, мне не с чем было работать.

Выполнить фрагмент кода 

p {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

<div>
  <p>some text <i class="centered fas fa-arrows-alt-h"></i> some more text</p>
  <p> text <i class="centered fas fa-arrows-alt-h"></i> more text</p>
  <p> bardun <i class="centered fas fa-arrows-alt-h"></i> guyline</p>
  <p> ball <i class="centered fas fa-arrows-alt-h"></i> campfire</p>
  <p> knob <i class="centered fas fa-arrows-alt-h"></i> knot</p>
  <p> leder <i class="centered fas fa-arrows-alt-h"></i> scot Leader</p>
  <p> lejsss <i class="centered fas fa-arrows-alt-h"></i> campsite</p>
</div>

0
ответ дан O.O 5 March 2019 в 19:16
поделиться
Другие вопросы по тегам:

Похожие вопросы: