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:

  1. Het is niet mogelijk om slechts <p> tags zonder het verwijderen van de inhoud.
  2. 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



3 Replies
  1. 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

  2. 2

    of verbergen br die volgt op de p-tag, die zijn uiteraard niet wilde

    p + br {
        display: none;
    }
  3. 0
    <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>

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *