2017-03-02 8 views
-1

Also ich versuche, ein div auf der rechten Seite des Papiers zu drucken, aber, als ich Strg + P auf Google Chrome gedrückt, das Ergebnis auf der Druckvorschau, die Div ist auf der linken Seite.Drucken Sie ein div auf der rechten Seite des Papiers

Ich benutze Bootstrap. Ich versuchte dieses

aber noch, wenn ich drucke, ist der Text auf der linken Seite des Papiers.

+0

try " " in den leeren div .. – Rick

+1

hinzufügen Pull-rechts-Klasse –

+0

Hinzufügen siehe https://www.w3schools.com/css/css3_mediaqueries.asp –

Antwort

0

Ich nehme an, der linke Teil der Seite ist leer. Versuchen Sie folgendes:

<div class="row"> 
<div id="printMe" class="col-md-6 col-md-offset-6">Print this text on the right</div> 
</div> 

Referenz: http://getbootstrap.com/css/#grid-offsetting

+0

einfach verwenden Pull-rechts –

+0

@media drucken , Offset-6 funktioniert nicht, aber wenn ich Pull-rechts verwendet, funktioniert es – Alvinrightback

+0

Was ist Ihre Bildschirmauflösung? Sie müssen mindestens 992 px Bildschirmbreite haben, damit das 'md' funktioniert. für den Pull-rechts, ja es funktioniert, aber das schlägt die Responsive-Funktion. Nun, es ist sowieso zum Drucken. – harritbal

0

Ändern Sie Ihren Code:

<div class="row"> 
<div class="col-md-6 col-md-offset-6"></div> 

<div id="printMe" class="col-md-6">Print this text on the right</div> 
</div> 
+0

Danke für die Bearbeitung, ich bin derzeit auf Handy, so dass ich nicht wusste, wie Code ordnungsgemäß angezeigt werden –

+0

Ich glaube, Ihre Antwort ist richtig, aber es tut nicht. Es funktioniert nur mit Pull-rechts, nicht mit Offset. Danke für die Antwort tho. – Alvinrightback

0

Sein irgendwie komisch, dass Offset ist hier nicht arbeiten. btw

seine Werke mit

<div class="row"> 
<div class="col-md-6"></div> 

<div id="printMe" class="col-md-6 pull-right">Print this text on the right</div> 
</div> 

Danke Jungs. Es ist irgendwie seltsam

Verwandte Themen