Problem mit Zeilenhöhe / CSS

Question

Hallo,

ich habe bei JSFiddle eine Ansammlung an Elementen gebaut und via CSS gestylt bis alles für mich stimmig war. Dann habe ich das Ganze in meine Blazor App übertragen und hier wurde alles zerhauen. Leider kann ich nicht zurückführen, was das eigentliche Problem ist aber es sieht so aus, als ob die Zeilenhöhen zu hoch sind.

Beim untersuchen mit dem Inspector kann ich keine Angaben für Margin oder Padding feststellen, aber der Abstand zwischen zwei <p> Elementen ist einfach viel zu groß. Auch bei <p>Text1 </br> Text2 </p> liegt zwischen Text 1 und Text 2 ein größerer Abstand.

Woran liegt das? Wie kann ich das abstellen?

---

.::datekk::.

Answer 1

Hi,

ohne Code kann man dazu nichts sagen. Erstell man eine minimale Beispielseite bei jsfiddle und poste dann hier den Link sowie den zugehörigen Code der Seite in Blazor. Dann kann man sich das selbst mal anschauen.

 

---

Gruß, Stefan
Microsoft MVP - Visual Developer ASP/ASP.NET (2001-2018)
https://www.asp-solutions.de/ - IT Beratung, Softwareentwicklung, Remotesupport

Answer 2

Beim kopieren des Codes für das Beispiel ist mir aufgefallen, dass bei JSFiddle die Option "Normalized CSS" aktiviert war. Wenn ich das ausschalte, ist es auch wieder zerhackt.

Was bedeutet diese Option? Kann ich die Funktion im Blazor nachbilden?

PS: Ich weiß leider nicht, wie ich bei JSFiddle das Projekt kopieren und teilen kann. Er zeig mir immer nur das eine Projekt an und ich habe keine Ahnung wie ich das auf Public stellen kann.

---

.::datekk::.