• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

HTML białe znaki przy dodawaniu wcięć

Object Storage Arubacloud
0 głosów
395 wizyt
pytanie zadane 8 czerwca 2018 w C i C++ przez Kurczak Użytkownik (940 p.)

Cześć, 
Robiąc wcięcia w HTML'u, na stronie dodaje mi się biały znak. Mogę to jakoś obejść?

 

 

 

1 odpowiedź

0 głosów
odpowiedź 8 czerwca 2018 przez Chess Szeryf (76,710 p.)
edycja 13 czerwca 2018 przez Chess

Napisz coś takiego (jest to wykomentowanie białego znaku):

<a href="#">
	qwerty<!--
--></a>

Badź wypróbuj inne sposoby, które są zaprezentowane pod tym link'iem:

https://davidwalsh.name/remove-whitespace-inline-block

https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Whitespace_in_the_DOM

https://medium.com/@patrickbrosset/when-does-white-space-matter-in-html-b90e8a7cdd33

https://teamtreehouse.com/library/removing-gaps-between-inline-and-inlineblock-elements

body { 
	margin:0;
}
<body style="background:grey">

<a href="#" style="font-size:14px;" id="x">
	qwerty
</a>
<br />
<a href="#" style="font-size:14px;">
	qwerty
</a>

<ul>
	<li>one</li>
	<li>two</li>
	<li>three</li>
	<li>four</li>
</ul>

<form id="toggle" method="post" action="" style="position:absolute;top:0;right:0;" >
	<select id="trim_on_off">
		<option value="Trim on" selected="selected">Trim on</option>
		<option value="Trim off">Trim off</option>
	</select>
	<input type="button" id="btn" value="button"/>
</form>

<div id="res"></div>
<div id="col1">5555555</div>
<div id="col2">5555555</div>
var trim_on_off = document.getElementById('trim_on_off');
const el_all = document.querySelectorAll('body > *:not(script):not(#toggle)');

var arr = [];

for(var i=0;i<el_all.length;i++){
    arr.push(el_all[i].innerHTML);
}

function delete_white_space_end() {
	
	for(var j=0;j<el_all.length;j++) {
		
		if(trim_on_off.selectedIndex==0) {
			el_all[j].innerHTML = el_all[j].innerHTML.trimRight();
		}else {
			el_all[j].innerHTML = arr[j];
		}
		
	}

}

document.getElementById('btn').addEventListener('click',delete_white_space_end,false);
 
</body>

Podobne pytania

0 głosów
2 odpowiedzi 211 wizyt
pytanie zadane 30 grudnia 2017 w Systemy operacyjne, programy przez Hiskiel Pasjonat (22,830 p.)
0 głosów
1 odpowiedź 373 wizyt
pytanie zadane 27 grudnia 2017 w HTML i CSS przez Rash Użytkownik (620 p.)
0 głosów
0 odpowiedzi 88 wizyt
pytanie zadane 6 listopada 2022 w JavaScript przez Mefyra Nowicjusz (190 p.)

92,761 zapytań

141,685 odpowiedzi

320,483 komentarzy

62,105 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...