Wenn Sie Schaltflächen schreiben (Eingabe, Schaltfläche), finden Sie das unter IE:
Mit zunehmender Anzahl der Wörter wird der Abstand zwischen den beiden Seiten immer größer.
Im XP -Stil von Win wird es auf beiden Seiten schwerwiegende Zackung geben, wenn die Anzahl der Wörter groß ist.
Was genau ist der Grund?
Die ursprüngliche Web -Standardisierungsspalte mit blauem Ideal gibt eine Antwort:
1. Immer wenn der IE den Wert der Taste durch 4 Bytes (2 chinesische Zeichen) hinzufügt, wird auf beiden Seiten der Taste eine Randbreite von insgesamt ein Byte erzeugt.
2. Der Standardstil der IE-Taste (XP-Stil) ist ein abgerundetes Rechteckbild mit fester Größe als Hintergrund. Sobald die Taste breiter und größer wird, scheinen die Kanten dieses abgerundeten Rechteckbildes natürlich zugefroren zu sein.
Wir können das zweite Problem vorerst nicht lösen, es sei denn, das Win -System behebt den Fehler selbst, aber wir können das erste Problem trotzdem beheben.
Setzen Sie den sichtbaren Wert des Überlaufattributs für das Schaltflächenelement unter IE (Hinweis: Der Padding -Wert ist erst nach dem Überlauf gültig: Sichtbares Attribut festgelegt). Diese Eigenschaft wurde tatsächlich im letzten Artikel "Anwendung von Hintergrundclip und Hintergrundorientin" verwendet. Nachdem ich heute "Das Problem der gestreckten Schaltflächen in IE" gelesen habe, stellte ich jedoch fest, dass es einen kleinen Fehler gab. Wenn Sie die Taste in einer Tischzelle platzieren, obwohl die Taste korrekt angezeigt wird, hat sich die ursprüngliche reservierte Breite nicht geändert und belegte immer noch Platz. Sie müssen die Breite der Schaltfläche in IE6 auf 0 einstellen (IE7 hat auch diesen Fehler, aber keine gute Möglichkeit, sie vorerst zu lösen).
Der endgültige Fixcode lautet wie folgt (Demo):
input.button {padding: 0 .25em; Breite: Auto; Width: 0; Überlauf: sichtbar! dh;}