Вопросы Теги

Как настроить (текст) между двумя пробелами css? [Дубликат]

Я тоже ищу решение. Но это не вариант использования браузера для рендеринга html на сервере и отправки его в интерфейс. Airbnb сначала попробуйте, но отклонится, потому что медленный и ресурсный голод. Это не производственное решение.

Обновление: это скоро возможно с введением Object.observe;)

5
задан Temani Afif 2 April 2018 в 10:30
поделиться

3 ответа

Я бы рассмотрел CSS-хак с размером шрифта: 

.entry {
  font-size:0;
}
.entry * {
  font-size:initial;
}
<div class="entry">
<p class="page-header" style="text-align: center;"><strong>Enter</strong></p>
<p>&nbsp; somethin here</p>
Enter (this will be hidden !!)
<div class="subhead">another text here</div>
</div>

Еще одна идея с visibility: 

.entry {
  visibility:hidden;
}
.entry * {
  visibility:visible;
}
<div class="entry">
<p class="page-header" style="text-align: center;"><strong>Enter</strong></p>
<p>&nbsp; somethin here</p>
Enter (this will be hidden !!)
<div class="subhead">another text here</div>
</div>

8
ответ дан Temani Afif 15 August 2018 в 18:18
поделиться
  • 1
    Ваш мужчина правил. Работал отлично – Sergi Khizanishvili 2 April 2018 в 10:23
  • 2
    Просто обратите внимание, что считыватели экрана все равно будут считывать оба входа – Cody Hamilton 2 April 2018 в 10:24
  • 3
    @CodyHamilton, поэтому я называю это хаком;) – Temani Afif 2 April 2018 в 10:24
  • 4
    @SergiKhizanishvili я добавил другой путь, если интересно;) – Temani Afif 2 April 2018 в 10:28

Извините за поздний ответ, но вы можете сделать это с помощью jquery. Просто получите все содержимое div, фильтруйте контент без тэгов и оберните их внутри span с помощью свойства style как display:none. Это скроет этот текст для вас. 

$(".entry")
    .contents()
    .filter(function () {
    return this.nodeType === 3 && this.nodeValue.trim() !== "";
}).wrap("<span style='display:none' ></span>");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="entry">
<p class="page-header" style="text-align: center;"><strong>Enter</strong></p>
<p>&nbsp;</p>
Enter <!-- i want to hide this text-->
<div class="subhead"></div>
</div>

Спасибо

0
ответ дан George Bailey 15 August 2018 в 18:18
поделиться

Как вы думаете, он будет работать 

var ele =document.getElementsByClassName('entry')[0]
ele.removeChild(ele.lastChild)
-1
ответ дан RITESH ARORA 15 August 2018 в 18:18
поделиться
Другие вопросы по тегам:

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