0

Ich habe ein Div und innerhalb dieser habe ich Divs mit Bildern in. Was ich will ist für alle Bilder anzuzeigen, aber wenn die Browser-Breite neu (kleiner) für eine automatische horizontale Bildlaufleiste angezeigt wird, anstatt die Bilder stapeln oben unten. Ich versuche das zu erstellen, aber es funktioniert nicht. Irgendeine Hilfe??Horizontale Bildlaufleiste funktioniert nicht, wenn die Browserbreite geändert wird?

<div style="height:80px;width:auto;border:1px solid red;white-space:nowrap;overflow-y:hidden;-ms-overflow-y:hidden;overflow-x:scroll;-ms-overflow-x:scroll;"> 
    <div style="height:60px;width:90px;display:inline-block;"> 
    <a href="#" > 
     <img style="max-height:60px;height:auto;max-width:90px;width:auto;margin:0 auto;padding:5px;display:inline-block;vertical-align:middle;" src="img1.png" /> 
    </a> 
    </div> 
    <div style="height:60px;width:90px;display:inline-block;"> 
    <a href="#" > 
     <img style="max-height:60px;height:auto;max-width:90px;width:auto;margin:0 auto;padding:5px;display:inline-block;vertical-align:middle;" src="img1.png" /> 
    </a> 
    </div> 
    <div style="height:60px;width:90px;display:inline-block;"> 
    <a href="#" > 
     <img style="max-height:60px;height:auto;max-width:90px;width:auto;margin:0 auto;padding:5px;display:inline-block;vertical-align:middle;" src="img1.png" /> 
    </a> 
    </div> 
    <div style="height:60px;width:90px;display:inline-block;"> 
    <a href="#" > 
     <img style="max-height:60px;height:auto;max-width:90px;width:auto;margin:0 auto;padding:5px;display:inline-block;vertical-align:middle;" src="img1.png" /> 
    </a> 
    </div> 
    <div style="height:60px;width:90px;display:inline-block;"> 
    <a href="#" > 
     <img style="max-height:60px;height:auto;max-width:90px;width:auto;margin:0 auto;padding:5px;display:inline-block;vertical-align:middle;" src="img1.png" /> 
    </a> 
    </div> 
</div> 

Antwort

0

Es funktionierte NUR bei Firefox. Für Firefox musste ich den Tag-Stil "fieldset" auf "display: table-column;" setzen. Da mein Hauptdiv innerhalb von Tags war, die in einem anderen Div mit einer Klasse von 'Container' (Bootstrap) waren, nahm das Fieldset die Containerbreite.

0

Ihr Code scheint bei mir wie erwartet zu funktionieren. https://fiddle.jshell.net/ph110293/goetup62/

+0

Es funktioniert immer noch nicht für mich. Ich verwende Bootstrap-Klassen für die Reaktionsfähigkeit. Es kann sein, dass der Stil widersprüchlich ist. Dein Beispiel funktioniert, aber meines nicht. –

+0

Es tut mir leid, lassen Sie mich den Code ein wenig anders eingeben. –

+0

Dieser Code hat keine Bootstrap-Klassen innerhalb von HTML-Elementen. Es sollte keinen Konflikt verursachen. – Pushpendra