Guri
Mitglied
Hallo Leute,
habe ein Problem die ich nicht lösen könnete, habe auch durch google versucht, habe keine lösung gefunden, hier sollte eis änlche konflikt sein: http://stackoverflow.com/questions/34934586/white-space-nowrap-and-flexbox-did-not-work-in-chrome und weiter WebSeiten, könnte trozdem meine Problem nicht Lösen, vieleicht hat mir die richtige SuchBegriff gefehlt,
also, zwischen FlexBox und webspace:nowrap steht ein konflikt, vieleicht ist meine Fehler ich bin kein Profi, und sieht so aus:
es sieht alls OK ein TextBox links und eine rechts, wie ich hebe mir gewünscht, aber ich will ereichen dass der text nur in eine einzige zeile zeigt mit befehl bzw. css code "white-space: nowrap;", so bald füge ich disen befehl bringt den ganzen Design durcheinander,
die Frage ist, was mache ich hier Falsch oder wie Löse es, ich bin Dankbar für jede Hilfe, ich bedanke mich im Voraus, mfg Guri.
habe ein Problem die ich nicht lösen könnete, habe auch durch google versucht, habe keine lösung gefunden, hier sollte eis änlche konflikt sein: http://stackoverflow.com/questions/34934586/white-space-nowrap-and-flexbox-did-not-work-in-chrome und weiter WebSeiten, könnte trozdem meine Problem nicht Lösen, vieleicht hat mir die richtige SuchBegriff gefehlt,
also, zwischen FlexBox und webspace:nowrap steht ein konflikt, vieleicht ist meine Fehler ich bin kein Profi, und sieht so aus:
HTML:
<style>
.flexBox {
background: red;
margin: 5px;
padding: 5px;
height: auto;
max-width: 700px;
width: 100%;
}
.flexContainer {
background: green;
margin: 5px;
padding: 5px;
display: flex;
flex-flow: row wrap;
}
.flexItem {
background: blue;
margin: 5px;
padding: 5px;
flex: 0 1 35%;
}
.flexText {
background: orange;
margin: 5px;
padding: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
</style>
<div class="flexBox">
<div class="flexContainer">
<div class="flexItem">
<div class="flexText">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium.
<!-- textBox --></div>
<!-- flexItem --></div>
<div class="flexItem">
<div class="flexText">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium.
<!-- textBox --></div>
<!-- flexItem --></div>
<!-- flexContainer --></div>
<!-- flexBox --></div>
es sieht alls OK ein TextBox links und eine rechts, wie ich hebe mir gewünscht, aber ich will ereichen dass der text nur in eine einzige zeile zeigt mit befehl bzw. css code "white-space: nowrap;", so bald füge ich disen befehl bringt den ganzen Design durcheinander,
die Frage ist, was mache ich hier Falsch oder wie Löse es, ich bin Dankbar für jede Hilfe, ich bedanke mich im Voraus, mfg Guri.