2017-12-01 1 views
0

Ich arbeite an Front-End-Design für jemanden, aber ich habe keinen Zugriff auf die CSS-Datei oder Klassen, so dass ich nicht sehen kann, was den Container nach links ausrichten verursacht.Center Container

Ich möchte den Container auf dem Bildschirm zentrieren. Was wäre der beste Ansatz? Ich habe versucht, div mit text-align: center !important;, die nicht funktioniert.

<div class="portlet-content"> 
 
    <div class="portlet-content-container"> 
 
    <div class="portlet-body"> 
 
     <div> 
 
     <div class="container"> 
 
      <div class="biography-view"> 
 
      <div class="biography-item col-md-6"> 
 
       <div style="border-style:none"> 
 
       <div class="biographyimage" style="background-image:url(http://www.math.uni-frankfurt.de/~person/_4170854.jpg);">&nbsp;</div> 
 

 
       <div class="caption biography-profile"> 
 
        <div class="biography-profile-content"> 
 
        <h3 class="full-name">Name</h3> 
 

 
        <p class="person-title">Company Name</p> 
 

 
        <p class="person-title"><strong>Person Title</strong></p> 
 

 
        <div class="person-biography">Biography</div> 
 

 
        <div class="person-biography collapse" id="readmore">More Person Info</div> 
 
        <a class="read_more" data-target="#readmore" data-toggle="collapse">Read More</a></div> 
 
       </div> 
 
       </div> 
 
      </div> 
 
      </div> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

+0

Das macht keinen Sinn. Wenn Sie die Auswirkungen des CSS in Ihrem Browser sehen können, müssen Sie das CSS haben. könntest Du das erläutern? –

+0

Wenn Sie chrome oder firefox verwenden, können Sie mit der rechten Maustaste auf das betreffende Element klicken und "inspect element" auswählen. Dies sollte alle CSS-Regeln anzeigen, die auf das Objekt angewendet werden, und es zeigt Ihnen, wo die Regeln herkommen. –

+0

Das ist wahr. Wenn Sie das CSS in Ihrem Browser sehen können. Sie können das CSS auf der Seite sehen. Ich denke, du meinst, du hast keinen Zugriff auf die Dateien, was in Ordnung ist. Überprüfen Sie einfach das CSS, das für dieses div-Element passiert, und fügen Sie Ihr eigenes CSS hinzu, um das Problem zu beheben. – Jorden1337

Antwort

-1

Verwenden Inline-Styles <div class="portlet-content" style="text-align:center;"> oder somthing Ihr basiert auf CSS Spezifität mozila MDN

0

In einem CSS-Block für den Container, können Sie es zentrieren wie folgt:

margin-left: auto; 
margin-right: auto;