Как центрировать текст внутри div, используя JavaScript

Question

Как центрировать текст внутри div, используя JavaScript

См. мой ответ на этот вопрос: Обнаружение поддержки привязки к фону: исправлено?

Обнаружение сенсорной способности само по себе не работает для ноутбуков с сенсорными экранами, и код для обнаружения прикосновения Кристины не будет работать на некоторых устройствах.
Ответ Гектора будет работать, но анимация будет очень изменчивой, поэтому лучше заменить фиксированную прокруткой на устройствах, которые не поддерживают фиксированные.
К сожалению, Taylon неверно, что iOS 5+ поддерживает привязку фона: исправлено. Это не. Я не могу найти список устройств, которые не поддерживают фиксированные фоны. Вероятно, большинство мобильных телефонов и планшетов этого не делают.

1

javascript css arrays

задан Avellino 16 January 2019 в 14:09

2 ответа

Другие вопросы по тегам:

javascript css arrays

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

score 0 · Answer 1

Очень легко с Flexbox:

div {
  position: relative;
  width: 200px;
  height : 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border : green solid 2px;
}

div:before{
  content: "";
  background: lightblue;
  position: absolute;
  top: 0;
  left: 0;
  width : 60%;
  height: 100%;
}

span{
   z-index : 1;
}

<div>
  <span>Centered text!</span>
</div>

score 0 · Answer 2

Готов.

.bar-text {
    z-index-1; 
    position: absolute;  
    width: 100%; 
    text-align: center; 
    margin-top: -2px;
}

0

ответ дан Avellino 16 January 2019 в 14:09