css html aptana trim

css - ¿Cómo cambio mi código para evitar la advertencia "debería recortar vacío<div>" en Aptana Studio?



html trim (6)

Uso "clase" cuando necesito la función CSS. Por ejemplo, cuando quiero usar clear: left; Hago una clase .clear {clear: left;} y la uso en un archivo HTML.

Pero siempre está la advertencia.

debe recortar vacío

Por suerte, no es un error, así que no me importa mucho. Pero a veces me molesta.

¿Hay alguna solución pegando mi hábito?


Esta es una pregunta bastante antigua, pero me siento obligado a señalar algunas cosas:

  • Los elementos vacíos son aceptables si se usan correctamente. Por ejemplo, el motor de plantillas javascript pure.js se basa completamente en ellos.
  • En su caso, idealmente debería agregar el elemento clear:left to element después del elemento flotante, en lugar de usar elementos de utilidad. Las clases DOM no deben tener nada que ver con el css en sí (por ejemplo, claro), sino que deben describir la estructura del documento (que a su vez le permite borrar los elementos lógicos). De cualquier manera, ese es el mundo ideal y es bastante común usar css de la forma en que lo usas y no hay demasiados problemas (el único inconveniente es que necesitas cambiar el DOM si quieres cambiar el aspecto de Tú sitio).
  • Lo peor que puedes hacer es agregar &nbsp; ya que eso ignora por completo la razón detrás de la advertencia y solo ''la pasa por alto''.

Intenta hacer esto:

.clear { clear: left; }

Paséame con divs vacíos escritos en la misma línea.


Otra solución es darle a tu div vacío una identificación

<div id="myEmptyDiv"></div>


Para usuarios de Aptana Studio:

Windows: vaya a Ventana> Preferencias> Aptana Studio> Validación

(Mac: vaya a Aptana Studio> Preferencias> Aptana Studio> Validación)

Seleccione HTML Tidy Validator y aparecerán algunas opciones contraíbles. Seleccione Elementos, se mostrará una lista de opciones. Ahora vaya al final de la lista y verá "Recortar elementos vacíos": cámbielo de advertencia a ignorar.


Si está utilizando Aptana Studio:

Vaya a Ventana> Preferencias> Aptana Studio> Validación> HTML.

Cambie las dos comprobaciones por "HTML Tidy Validator" en "X". Alternativamente, puede hacer clic en "+" para agregar una expresión regular para filtrar el error.


Supongo que usted está hablando de Aptana Studio, tal vez otros IDE hacen lo mismo, no lo sé. Cualquier forma en la que simplemente puede agregar un espacio entre las etiquetas div de la siguiente manera:

<div id="someDiv" class="clearLeft"> </div>

O agrega un comentario entre las etiquetas como esta:

<div id="someDiv" class="clearLeft"><!----></div>

Esto debería eliminar el mensaje de advertencia y no causará ningún problema con su html.