El código de división de Taobao no muestra todo.
Después de confirmar el código enviado en segundo plano, vuelva a abrir el código fuente y verifique si se ha insertado en una celda con un tamaño de 10 px o menos. El carácter de espacio predeterminado de 10 px ampliará el diseño; .
Utilice inline style = "float:left;" para que las imágenes se alineen a la izquierda.
Firefox o versiones inferiores de la decoración de IE Taobao a veces tienen este tipo de problemas.
Para diseños con alta repetición de contenido, se recomienda utilizar div para el diseño.
Escribe un diseño (el contenido del texto se puede escribir directamente y es más fácil modificar el precio más adelante) y luego cópialo y organízalo.
Por ejemplo:
& ltdiv? style = " ancho: 950 px;? Alto: 604px? Color de fondo: # C3C3C3? Desbordamiento: oculto; "& gt
& lt! - ?¿soltero? ->
<div? style = "ancho:230px;?alto:287px?overflow:hidden;?margin:10px?0?0?6px?float:left;">?
<! - ?¿foto? ->
<div? estilo = "ancho:230px;?alto:230px?color-de fondo:#EEEEEE">?
<! - ?¿foto? ¿Código? ->?
& lt/div & gt;
& lt! - ?¿foto? fin->;?
<! - ?¿Palabra? ->
<div? estilo = "ancho:230px;?alto:57px?fondo-color:#999999;">
<div? style = " color: # f 30004;? Tamaño de fuente: 48px? Familia de fuentes: Microsoft Yahei;? Relleno izquierdo: 50px" & gt & lt span? estilo = "tamaño de fuente:24px;">@</span>. 999 </div>
</div>
<! - ?¿Palabra? fin->;?
& lt/div & gt;
& lt! - ?¿soltero? fin->;
<! - ?¿soltero? ->
<div? style = "ancho:230px;?alto:287px?overflow:hidden;?margin:10px?0?0?6px?float:left;">?
<! - ?¿foto? ->
<div? estilo = "ancho:230px;?alto:230px?color-de fondo:#EEEEEE">?
<! - ?¿foto? ¿Código? ->?
& lt/div & gt;
& lt! - ?¿foto? fin->;?
<! - ?¿Palabra? ->
<div? estilo = "ancho:230px;?alto:57px?fondo-color:#999999;">
<div? style = " color: # f 30004;? Tamaño de fuente: 48px? Familia de fuentes: Microsoft Yahei;? Relleno izquierdo: 50px" & gt & lt span? estilo = "tamaño de fuente:24px;">@</span>.
999 </div>
</div>
<! - ?¿Palabra? fin->;?
& lt/div & gt;
& lt! - ?¿soltero? fin->;
<! - ?¿soltero? ->
<div? style = "ancho:230px;?alto:287px?overflow:hidden;?margin:10px?0?0?6px?float:left;">?
<! - ?¿foto? ->
<div? estilo = "ancho:230px;?alto:230px?color-de fondo:#EEEEEE">?
<! - ?¿foto? ¿Código? ->?
& lt/div & gt;
& lt! - ?¿foto? fin->;?
<! - ?¿Palabra? ->
<div? estilo = "ancho:230px;?alto:57px?fondo-color:#999999;">
<div? style = " color: # f 30004;? Tamaño de fuente: 48px? Familia de fuentes: Microsoft Yahei;? Relleno izquierdo: 50px" & gt & lt span? estilo = "tamaño de fuente:24px;">@</span>. 999 </div>
</div>
<! - ?¿Palabra? fin->;?
& lt/div & gt;
& lt! - ?¿soltero? fin->;
<! - ?¿soltero? ->
<div? style = "ancho:230px;?alto:287px?overflow:hidden;?margin:10px?0?0?6px?float:left;">?
<! - ?¿foto? ->
<div? estilo = "ancho:230px;?alto:230px?color-de fondo:#EEEEEE">?
<! - ?¿foto? ¿Código? ->?
& lt/div & gt;
& lt! - ?¿foto? fin->;?
<! - ?¿Palabra? ->
<div? estilo = "ancho:230px;?alto:57px?fondo-color:#999999;">
<div? style = " color: # f 30004;? Tamaño de fuente: 48px? Familia de fuentes: Microsoft Yahei;? Relleno izquierdo: 50px" & gt & lt span? estilo = "tamaño de fuente:24px;">@</span>.
999 </div>
</div>
<! - ?¿Palabra? fin->;?
& lt/div & gt;
& lt! - ?¿soltero? fin->;
<! - ?¿soltero? ->
<div? style = "ancho:230px;?alto:287px?overflow:hidden;?margin:10px?0?0?6px?float:left;">?
<! - ?¿foto? ->
<div? estilo = "ancho:230px;?alto:230px?color-de fondo:#EEEEEE">?
<! - ?¿foto? ¿Código? ->?
& lt/div & gt;
& lt! - ?¿foto? fin->;?
<! - ?¿Palabra? ->
<div? estilo = "ancho:230px;?alto:57px?fondo-color:#999999;">
<div? style = " color: # f 30004;? Tamaño de fuente: 48px? Familia de fuentes: Microsoft Yahei;? Relleno izquierdo: 50px" & gt & lt span? estilo = "tamaño de fuente:24px;">@</span>. 999 </div>
</div>
<! - ?¿Palabra? fin->;?
& lt/div & gt;
& lt! - ?¿soltero? fin->;
<! - ?¿soltero? ->
<div? style = "ancho:230px;?alto:287px?overflow:hidden;?margin:10px?0?0?6px?float:left;">?
<! - ?¿foto? ->
<div? estilo = "ancho:230px;?alto:230px?color-de fondo:#EEEEEE">?
<! - ?¿foto? ¿Código? ->?
& lt/div & gt;
& lt! - ?¿foto? fin->;?
<! - ?¿Palabra? ->
<div? estilo = "ancho:230px;?alto:57px?fondo-color:#999999;">
<div? style = " color: # f 30004;? Tamaño de fuente: 48px? Familia de fuentes: Microsoft Yahei;? Relleno izquierdo: 50px" & gt & lt span? estilo = "tamaño de fuente:24px;">@</span>.
999 </div>
</div>
<! - ?¿Palabra? fin->;?
& lt/div & gt;
& lt! - ?¿soltero? fin->;
<! - ?¿soltero? ->
<div? style = "ancho:230px;?alto:287px?overflow:hidden;?margin:10px?0?0?6px?float:left;">?
<! - ?¿foto? ->
<div? estilo = "ancho:230px;?alto:230px?color-de fondo:#EEEEEE">?
<! - ?¿foto? ¿Código? ->?
& lt/div & gt;
& lt! - ?¿foto? fin->;?
<! - ?¿Palabra? ->
<div? estilo = "ancho:230px;?alto:57px?fondo-color:#999999;">
<div? style = " color: # f 30004;? Tamaño de fuente: 48px? Familia de fuentes: Microsoft Yahei;? Relleno izquierdo: 50px" & gt & lt span? estilo = "tamaño de fuente:24px;">@</span>. 999 </div>
</div>
<! - ?¿Palabra? fin->;?
& lt/div & gt; - ?¿soltero? fin->;
<! - ?¿soltero? ->
<div? style = "ancho:230px;?alto:287px?overflow:hidden;?margin:10px?0?0?6px?float:left;">?
<! - ?¿foto? ->
<div? estilo = "ancho:230px;?alto:230px?color-de fondo:#EEEEEE">?
<! - ?¿foto? ¿Código? ->?
& lt/div & gt; - ?¿foto? fin->;?
<! - ?¿Palabra? ->
<div? estilo = "ancho:230px;?alto:57px?fondo-color:#999999;">
<div? style = " color: # f 30004;? Tamaño de fuente: 48px? Familia de fuentes: Microsoft Yahei;? Relleno izquierdo: 50px" & gt & lt span? estilo = "tamaño de fuente:24px;">@</span>. 999 </div>
</div>
<! - ?¿Palabra? fin->;?
& lt/div & gt; - ?¿soltero? end->;
</div>El código se puede copiar directamente en la vista previa del fondo y el color de fondo se puede reemplazar con una imagen de fondo específica.
Para obtener resultados específicos, puede buscar y explorar "Tienda de electrodomésticos Zhao Ying"
Si está satisfecho, ¿me gusta? ()