Het uitschakelen van <br> labels binnen <div> door css?

<br> laat me niet weer te geven 3 knoppen inline, dus ik nodig heb om het uit te schakelen in div, en ik kan het niet verwijderen, ze zijn automatisch.

Ik heb:

<div style="display:block">
<p>Some text</p>
<br>
<p>Some text</p>
<br>
</div>

en ik wil:

<div style="display:block">
Some text Some text
</div>

Meer info

Wil ik het niet hebben mystyle.css-bestand.
Natuurlijk weet ik dat de manier van schakelen.

Ik vroeg hoe om toe te voegen aan divs stijl dit br { display: none; } als het mogelijk is.

Oplossing:

Het is niet mogelijk om slechts <p> tags zonder het verwijderen van de inhoud.
Het is niet mogelijk om te verbergen <br> direct door divs stijl, dus ik maak het op deze manier:

<style type="text/css">
.mydiv {
display: block;
width: 100%;
height: 10px;
}
.mydiv br {
display: none;
}
</style>

<div class="mydiv">
Some text
Some text
</div>

http://jsfiddle.net/cGT4E/

Gewoon verwijderen van de tags dan 😉 Wat verwacht u van CSS aan te doen? Deze vraag heeft geen zin…
U wilt verwijderen van HTML-Elementen met CSS? Niet mogelijk.
“knoeien mijn css” is niet echt een geldig probleem. Wat specifiek is het probleem?
In aanvulling op de opmerking van de F4r-20. Je moet uitleggen waarom ze bestaan en waar je de gegevens vorm. Want je kan ofwel filter wanneer u de gegevens voorkomen dat de oprichting of verandering van de manier waarop ze zijn vormgegeven om te voorkomen dat het knoeien van het css
Nee, hij hoeft jquery. Als je denkt dat hij nodig zal hebben, gelieve uw redenen opgeven.
Er is br { display: none; }, ik weet gewoon niet hoe het te gebruiken in style=”” – en niet class=””
En mag nooit een <br /> na een <p> tage, krijgt u de afstand die u nodig hebt door het toepassen van margin-bottom:10px te <p> tags in css
waarom niet? hij wil verwijderen <p> tags (zie voorbeeld) kan Je dat niet doen met css. U kunt dat doen met JS en Jquery vrij gemakkelijk
Of ze krijgen dynamisch gegenereerd, dan is het ook mogelijk dat u een class of id respectievelijk met deze dynamische generatie. Neem id of class en toepassen display:none; voor de p en br tags. Bijvoorbeeld, als de div id is abc, gebruik dan dit in je css. #abc br {display:none;}. Thats it.
Hij wil de inhoud van de tags zichtbaar.
Hij wil niet te verwijderen van de p-element. En hij zou zelfs niet moet jquery voor. Alles wat kan worden gedaan met jQuery kan worden gedaan zonder het.
Misschien vraag ik: Hoe komt die u kunt wijzigen, css, voeg stijl en zo, maar niet verwijderen html-tags? Dit heeft geen enkele zin
de code blok onder and I want heeft de <p> de etiketten zijn verwijderd, lijkt het alsof hij wil hen gegaan
Als u wilt schakelen, gewoon gebruik maken van een <input> tag. Bijvoorbeeld, <input type="text" disabled="disabled" title="Text" value="Text" style="border:none; background:transparent;" />. Thats it. Maar ik begrijp nog steeds niet waarom hij wil <br> ook uitgeschakeld?? Wat zal dat doen??
Nieuwsgierigheid over het niet belangrijk is belangrijker is dan wat is eigenlijk belangrijk op stackoverflow. Ik nodig <br> uitgeschakeld coz tekst of knoppen of wat dan ook is niet in de horizontale lijn, het is in het “stoop stijl” met <br> binnen toen ik zweven, of de div voor elke regel tekst / knop.
Aah.. Je bent het maken van dingen te ingewikkeld voor je code. – @PoloPakina
Deze vraag is met name relavent in termen van responsive design van deze dagen. U wilt misschien bepaalde <br> tags uitgeschakeld alleen op bepaalde scherm breedtes.

InformationsquelleAutor Polo Pakina | 2013-07-11

Tags: css, html

3 Replies

64

Je zou kunnen veranderen aan uw CSS waardoor ze minder obtrusively, bijvoorbeeld
```
div p,
div br {
    display: inline;
}
```
http://jsfiddle.net/zG9Ax/

of – zoals mijn reageerder punten uit:
```
div br {
    display: none;
}
```
maar dan om het bereiken van het voorbeeld van wat u wilt, moet u voor het bijsnijden van de p naar beneden, dus:
```
div br {
    display: none;
}
div p {
    padding: 0;
    margin: 0;
}
```
http://jsfiddle.net/zG9Ax/1
- U moet gebruik maken van display:none voor br als u wilt om ze te verwijderen.
- Ware. jsfiddle.net/zG9Ax/1 iets meer code al. Slechts wijzen op een mogelijke richting hier.
- zet in het hoofd:
- Dit hielp mij, zo zal ik accepteer dit als een antwoord. Dank je, Tim. 🙂
- dit is heel leuk idee
InformationsquelleAutor Tim
2

of verbergen br die volgt op de p-tag, die zijn uiteraard niet wilde
```
p + br {
    display: none;
}
```
InformationsquelleAutor 2046

<p style="color:black">Shop our collection of beautiful women's <br> <span> wedding ring in classic &amp; modern design.</span></p>

Verwijderen <br> effect met behulp van CSS.

<style> p br{ display:none; } </style>

InformationsquelleAutor nirali

Geef een reactie Reactie annuleren