Verringerung der Breite eines Absatzes für breitere Bildschirme

Ich habe bereits einige Nachforschungen gemacht, aber ich konnte keine Antwort finden. Ich möchte meinen Absatz auf der 'About-Seite' auf einer bestimmten Breite stoppen, wenn ich die Browser-Breite überschreite. Aber wenn ich eine Breite oder eine maximale Breite anwende, bleibt der Absatz einfach auf der linken Seite der Seite. Kann mir jemand bei diesem Problem helfen?Verringerung der Breite eines Absatzes für breitere Bildschirme

<div class="container-fluid"> 
    <section> 
     <img src="img/Florian.jpg" alt="Florian" class="profilephoto"> 
     <div class="aboutme"> 
      <h3 class="text-center">About</h3> 
      <p class="text-center primary">Blablabla</p> 
     </div> 
    </section> 
</div>

Quelle

2016-05-17 Flolian

CSS Media Queries? –

Das habe ich mir schon gedacht. Aber welchen Selektor und welchen Wert sollte ich verwenden? Wenn ich eine Breite von 50% anwende, nimmt der Absatz 50% der gesamten Seite ein und bleibt nicht zentriert. – Flolian

Also, wo soll der Absatz sein? –

Der Absatz sollte in der Mitte der Seite bleiben und die Linienbreite soll nicht eine bestimmte Breite nicht überschreiten.

Sie können margin:auto auf dem Absatz verwenden zusammen mit einem width/max-width. Das wird es zentrieren.

.aboutme p { 
    max-width: 80%; /* or your chosen width */ 
    margin: auto; 
}

JSfiddle Demo

Quelle

2016-05-17 10:39:51

Verringerung der Breite eines Absatzes für breitere Bildschirme

Antwort

Verwandte Themen