Ausrichten von Elementen in der gleichen Zeile

Ich verwende ein Rails Gem namens Chartkick.Ausrichten von Elementen in der gleichen Zeile

Ich kann zwei Diagramme in einer Zeile in einer Ansicht nicht ausrichten. Sie reihen sich immer wie getrennte Divs übereinander auf. Ich habe versucht, diese ohne Glück in einen Tisch zu stecken. Irgendeine Idee, wie man das umgeht?

<span> 
    <%= line_chart Client.sum(:bill_charge) %> 
    </span> 
    <span> 
    <%= bar_chart Client.sum(:bill_charge) %> 
    </span>

Quelle

2016-04-16 HoosierCoder

Ich würde in das CSS schauen.

Es ist das Element, an dem Sie arbeiten sollten, um Ihr Problem zu beheben.

Sehen Sie sich an, wie Ihre Diagramme erstellt werden, welche Regeln gelten für ihre Container, und handeln Sie diesbezüglich möglicherweise, indem Sie die Diagramme mit einer benutzerdefinierten Klasse mit Inline-Block und einer definierten Breite umhüllen?

Quelle

2016-04-16 22:52:10

Ja, ich habe alle Arten von Floating-und Inline-Tags versucht. Problem ist, dass die Steuerelemente im Edelstein selbst überschrieben werden. Irgendeine Idee, wie man das macht? – HoosierCoder

@HoosierCoder was meinst du mit überschrieben? Die Eltern werden mit Inline-Fluchen oder so verändert? Wenn Sie Bootstrap oder eine Art CSS-Framework mit einem Gitter verwenden, könnten Sie versuchen, Ihre Diagramme mit einer Zeile und zwei Elementen derselben Größe mit jeweils einem Diagramm zu umschließen? –

Ausrichten von Elementen in der gleichen Zeile

Antwort

Verwandte Themen