CSS-Steuerelement Div-Breite, maximale Breite/Höhe und minimale Breite/Höhe

WBOY
Freigeben: 2016-10-12 09:50:13
Original
1381 Leute haben es durchsucht
Bei der Webseitenproduktion ist es oft notwendig, die maximale Breite/Höhe oder minimale Breite/Höhe von div zu steuern, aber im IE6 werden viele Freunde mit Inkompatibilitätsproblemen konfrontiert sein, darunter auch ich Ich bin oft auf dieses Problem gestoßen, konnte es aber nicht lösen. Später habe ich in einem Forum davon erfahren. Ich möchte den Code im CSS3-Stil mit Ihnen teilen . Time ist vollständig kompatibel mit allen gängigen Mainstream-Browsern. * Mindestbreite */
.min_width{min-width:300px;
/* legt die maximale Breite für IE fest */
_width:expression(document.body.clientWidth < 300 ? "300px" : "auto");
}

/* Maximale Breite*/
.max_width{
max-width:600px;
/* legt die maximale Breite für IE fest */
_width:expression (document.body.clientWidth > 600 ? "600px" : "auto");
}

/* Mindesthöhe*/
.min_height{
min-height:200px;
/* legt die Mindesthöhe für IE fest */
_height:expression(this.scrollHeight < 200 ? "200px" : "auto");
}

/* Maximale Höhe */
.max_height{
max-height:400px;
/* legt die maximale Höhe für IE fest */
_height:expression(this.scrollHeight > 400 ? "400px" : "auto ");
}

/* Maximale und minimale Breite*/
.min_and_max_width{
min-width:300px;
max-width:600px;
/* legt die minimale und maximale Breite für IE fest */
_width: expression(
document.body.clientWidth < 300 ? "300px" :
_width ( document.body.clientWidth > 600 ? " 600px" : "auto")
);
}

/* Maximale und minimale Höhe*/
.min_and_max_height{
min-height:200px;
max- height:400px ;
/* legt minimale und maximale Höhe für IE fest */
_height: expression(
this.scrollHeight < 200 ? "200px" :
( this.scrollHeight > ; 400 ? "400px" : "auto")
);




Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!