Maxlength für Div-und Span-Elemente

Festlegen der maximalen Länge für Span-und Div-Elemente ?

InformationsquelleAutor User 1034 | 2010-06-24

html maxlength

4

Gibt es die
```
max-height / max-width
```
CSS-Eigenschaften, die beschränken die Breite für block-level-Elemente (D. H. nicht spans). Referenz

Beachten Sie, dass Sie nicht unterstützt von IE 6.

InformationsquelleAutor Pekka 웃
1

Wenn das Wort enthalten ist zu groß das div-oder span-kann-overflow:
```
<div style="width: 80px; overflow: hidden;" >hhhhhhheeeeeellllllllllooooo</div>
```
- Sie können wickeln Sie ein span mit div. Es wird geschnitten, der Inhalt, wenn es keine Leerzeichen im text, aber es wird verhindert, dass überlauf zu verhindern.
Wenn lange Wörter sind das problem, ein CSS3-Lösung könnte sein:

style="width: 80; word-wrap: break-word;"

InformationsquelleAutor PbxMan
1

input und textarea html-tags haben maxlength-Attribut aber div und span element nicht haben. Zum einschränken der Benutzer von der Eingabe mehr Zeichen zu vergleichen, um maxlength in span-oder div-element, die Sie tun können, mit folgenden javascript und jquery:

Können Sie hinzufügen keydown Ereignis-listener auf div oder span - element und fügen Sie die folgende Funktionen in den Ereignis-listener.

1: Mit javascript substring Methode.
```
$("#div-element").on("keydown", function () {
    var value = $("#div-element").val();
    if (value.length > maxlength) {
        $("#div-element").val(value.substring(0, maxlength));
    }
}());
```
2: die Rückkehr false auf event.
```
$("#div-element").on("keydown", function () {
    var value = $("#div-element").val();
    if (value.length > maxlength) {
        return false;
    }
}());
```
Diese beide follow-up-Fragen, die behandelt werden sollten, als auch ie substring - Methode ändern der cursor-position, in keydown Methode, die wir brauchen, um zu überprüfen, welche Taste gedrückt ist, ansonsten false zurück, auch auf die Rücktaste oder die entf-Taste.

InformationsquelleAutor Dave
0

Wenn du mesn Breite, dann verwenden Sie css-Eigenschaften Breite:
```
<div style='max-width:100px'>Content</div>
<span style='max-width:100px; display:block;'>Content</span>
```
Wenn Sie wirklich meinen, die Länge der Inhalte, das kannst Du nicht in HTML. Benötigen Sie einen javascript-Code, dies zu tun. Werfen Sie einen Blick auf JQuery, es ist wirklich einfach zu tun. Es kocht unten zu etwas wie:
```
$('#yourDivId').html().length
```
Ich habe nicht die .length bit. Was ist das eigentlich tun sollte? Ist das nicht die Zeichen der HTML-string?
Pekka: ja 😛 Beim ersten Lesen schien es mir, dass er versuchte, um die Länge des html-Inhalts. Dann erkannte ich, er meinte wahrscheinlich Breite...
naja, auf der anderen Seite, er ist reden maxlength. Das könnte ein Tippfehler oder eine Referenz auf das form-element-Attribut. Wir werden sehen, wenn er die Kommentare.

InformationsquelleAutor Palantir
0

Du meinst max Breite?
```
max-width: ??px;
```
InformationsquelleAutor hallie

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.