Ionic-framework: Langer Text in Schaltflächen wird nicht abgeschnitten
Kurze Beschreibung des Problems:
Langer Text in Schaltflächen wird nicht abgeschnitten. Ich verwende die Schaltflächen full und block
Während die Schaltfläche die Auslassungspunkte hat, wie unten gezeigt;
.button {
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
}
Dies funktioniert nicht, da die Klasse .button-inner über display: flex verfügt
Welches Verhalten erwartest du?
Ellipse anzeigen.
Dies kann erreicht werden, indem die Anzeige von .button-inner auf inline gesetzt wird. Ich weiß jedoch nicht wirklich, warum das Display flexibel ist.
Welche Ionic-Version? 2 RC.0
alan-agius4
Alle 3 Kommentare
Ich denke, der Flex hilft beim Zentrieren? Ich bin mir nicht sicher, wie ihr es alle reparieren wollt, aber der einzige Weg, wie ich so etwas reparieren konnte, ist, ihm ein weiteres inneres Kind zu geben. z.B
```
I then put a class on `.overflow-me` to do the ellipsis.
.overflow-me{
Überlauf versteckt;
Textüberlauf: Auslassungspunkte;
}
```
ncapito
am 28. Nov. 2016
Dies ist eigentlich ziemlich komplex, da Schaltflächen in so vielen Komponenten verwendet werden. Das Hinzufügen eines inneren Div zu Schaltflächen würde an anderer Stelle zu Problemen führen, und das Ändern der Anzeige von Flex zu Inline verursacht Probleme mit Schaltflächen, die Symbole und Ankerlinks enthalten, die so gestaltet sind, dass sie wie Schaltflächen aussehen. Ich werde dies vorerst aus dem Meilenstein entfernen, da der obige Code von @ncapito funktioniert, aber ich werde dieses Problem noch einmal aufgreifen.
brandyscarney
am 5. Dez. 2016
Danke für das Problem! Dieses Thema wird wegen Inaktivität geschlossen. Wenn dies immer noch ein Problem mit der neuesten Version von Ionic ist, erstellen Sie bitte ein neues Problem und stellen Sie sicher, dass die Vorlage vollständig ausgefüllt ist.
Vielen Dank, dass Sie Ionic verwenden!
![ionitron-bot[bot] picture](https://avatars1.githubusercontent.com/in/8640?v=4&s=40)
ionitron-bot[bot]
am 26. März 2018
Verwandte Themen
danbucholtz
·
3Kommentare
RobFerguson
·
3Kommentare
masimplo
·
3Kommentare
daveshirman
·
3Kommentare
SebastianGiro
·
3Kommentare
Hilfreichster Kommentar
Ich denke, der Flex hilft beim Zentrieren? Ich bin mir nicht sicher, wie ihr es alle reparieren wollt, aber der einzige Weg, wie ich so etwas reparieren konnte, ist, ihm ein weiteres inneres Kind zu geben. z.B
```
.overflow-me{
Überlauf versteckt;
Textüberlauf: Auslassungspunkte;
}
```