Nachteil von "display: block" für Bilder?

Gibt es eine Kehrseite der Umwandlung img von inline-block-Elemente in block-Objekte mit der display: block CSS-Eigenschaft?

Meisten der Zeit, ich will, dass Sie block Elemente. Jede nützliche inline Aspekte, die ich verliere? (Vielleicht bin ich nicht zu sehen, einige als nützlich?)

Sollten alle Bilder, die umgewandelt werden in block Elemente standardmäßig? Warum sind Sie inline-block-Elemente nach spec?

P. S. ich bitte, dieses mit überlegungen zum layout über die Positionierung & schwimmt, und die umliegenden Elemente.

Warum nicht probieren Sie es aus und sehen, was passiert? 😛
Warum willst du Sie zu handeln, wie block-Elemente? Was sind die use cases?
@Rocket schon haben — gibt es etwas, was Sie sich beziehen? @Ates, ich denke, dass, vor allem, was ich Frage ist — warum werden Sie als inline-block-Elemente, die von der Skillung? Dies kann zum Beispiel rühren, bis einige Probleme: stackoverflow.com/questions/13111136/...
Neu eröffnet, basierend auf Ihren änderungen, aber die Gemeinschaft ist frei, um überschreiben von mir.
in css, 'block' bedeutet, dass die Linie halten und eine Pause machen

InformationsquelleAutor Baumr | 2012-10-30

  1. 14

    Gut, wenn man bedenkt, dass ein block wird die Kraft etwas nach, um die Linie zu brechen, es ist nur ein Szenario, wo es schlimm wäre:

    Wenn Sie planen, haben ein anderes inline-element (text, ein anderes Bild, span, etc) daneben

    Danke für den Eingriff. Das macht Sinn Gefühl. Was ich sagen kann, die meisten websites verwenden die Bilder als block-Elemente in Erster Linie. Ich glaube, ich kann anfangen img { display: block; } alle meine stylesheets. In der Regel, ich würde es tun auf einer Bild-zu-Bild-basis, wenn das Bild ein problem verursacht, aber ich denke diese Lösung ist besser. es sei denn, es gibt alle möglichen "bugs", wenn es um layout-oder browser-Inkonsistenzen?
    Ich wünschte, ich könnte Antworten, dass es ein Problem sein. Ich kann mich nicht genau erinnern, die Frage, aber ich glaube, es war eine Inkonsistenz der Bildwiedergabe zwischen den Browsern (IE6), dass die Programmierer mussten display: block
    Ja ich erinnere mich auch so etwas... aber sicher nicht, also, warum ich Frage. Aber es scheint, dass dies ziemlich OK zu tun 🙂

    InformationsquelleAutor David Nguyen

  2. 1

    Setzen img { display: block; } in der CSS, und vergessen Sie es. In den äußerst seltenen Fall, dass Sie brauchen etwas anderes schreiben, eine Ausnahme.

    InformationsquelleAutor DR01D

  3. 1

    Gibt es einen Nachteil :
    Wenn Sie planen, um horizontal center ein Bild anwenden "text-align:center" zum übergeordneten element, nicht anzeigen, das Bild als block-oder inline-block.

    InformationsquelleAutor Dr Fred

  4. 0

    Einen hack gefunden für block display:"block".

    Hatte ich das Bild und die wavesurfer audio-Welle, die wollte ich als inline.
    Aber das display:"block"; in der js der wavesurfer war nicht erlaubt.

    Was ich Tat, war, dies erspart cdn Datei lokal verändert und die display inline und position absolute, die mein Problem gelöst. Die änderung gemacht werden soll, wo die wave-element erstellt.

    Hoffe, das jemand hilft. Thanku wavesurfer Schöpfer für so eine tolle js.

    InformationsquelleAutor Shachi

Schreibe einen Kommentar