Quizás cuando obtenga este nombre en este artículo, alguien preguntará: ¿Por qué sigues siguiendo tablas? Eso ya está desactualizado ... date prisa xhtml ... div es bueno ... Ul es bueno ... Ol es bueno ... dl es bueno ... dl es bueno ... esto está terminado, no sé qué más es mejor.
¿La mesa está realmente desactualizada? ¿Realmente conoces la mesa? ¿Realmente usas la mesa?
No somos lo que debemos hacer para luchar para luchar, así que deje que se deje a aquellos que tienen mucho tiempo.
Volver al tema:
No recuerdo cuándo alguien usó una tabla para simular DataGrid y dijo: ¿Por qué no pueden ocultar los textos de TD que exceden el ancho fijo, pero se ajustará directamente la línea?
Sí, lo hace, como:
Ejecute el código como el anterior y encontrará que el texto en la celda que excede el ancho fijo no se ocultará, pero se mostrará con una nueva línea. Obviamente, esto no es lo que quiero decir.
Parece que esto parece ser una característica de la mesa. No puede soportar la combinación de {ancho:*Px; White-Space: Nowrap; desbordamiento: oculto;} muy bien. En el análisis final, el espacio blanco: Nowrap no funciona, por lo que parece que Overflow: Hidden no es válido. {Nota: si se trata de una serie de personajes sin sentido, puede entrar en vigencia. Por ejemplo: <td class = col1> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaae </td>, en este momento, {white-space: Una palabra sin una ruptura de línea, por lo que se ocultará un ancho más allá de .col1}
[Solución 1:]
Más tarde, alguien mencionó que usar el ancho porcentual es suficiente. Después de la prueba, de hecho es posible. Modifiqué ligeramente los estilos de varias líneas del primer párrafo, y los otros permanecen sin cambios:
.col1 {ancho: 20%;}
.col2 {ancho: 40%;}
.col3 {ancho: 40%;}
Después de ejecutar el código modificado, encontrará que el texto más allá del ancho está oculto, y el efecto deseado parece obtenerse.
De hecho, el uso de ancho porcentual resuelve el problema de ocultar este texto, pero esta no parece ser la mejor solución a desear, porque a veces necesitamos un ancho fijo, no un ancho porcentual.
La raíz de todo esto radica en cómo hacer que el texto en la celda se muestre en una línea sin líneas de envoltura.
[Solución 2:]
Para cumplir con este requisito, además de usar estilos, también podemos pensar en una etiqueta que no hemos usado durante mucho tiempo. La función de este elemento es forzar el contenido que se muestre en una línea. El código anterior se modifica de la siguiente manera, y los otros permanecen sin cambios:
<tabla border = 1 celularpacing = 0 resumen = Mira hacia atrás y eche un vistazo a la tabla: TD también reproduce desbordamiento: Oculto>
<tr>
<td class = col1> <Nobr> shenzhou elegante Q400N </BOBR> </td>
<td class = col2> <Nobr> Q400N ELEGANT, usando el procesador Intel Core2 Duo (MEROM) T5450 (1.66G) </lobr> </td>
<td class = col3> <bobr> xunchi 4 plataforma, rentable excepcional, hermosa apariencia </BOnlem> </td>
</tr>
</table>
Después de hacer esta modificación, encontrará que el efecto se logra. ¿Deberías estar emocionado? No, esta no parece ser la mejor solución, porque después de todo, es un poco desagradable usar una marca de elementos que no se ha utilizado durante mucho tiempo y no se recomienda.
Después de esta idea, he considerado este problema desde una perspectiva diferente y descubrí que el problema se puede resolver fácilmente.
Dado que no podemos simplemente agregar espacio blanco: Rapas a TH y TD en una celda de ancho fijo, ¿qué pasa con el elemento marcador a una celda de ancho fijo?
La mejor solución:
Ejecutar el código anterior encontrará que este enfoque está bien, y en términos de simplicidad, legibilidad y racionalidad del código, es mejor que las soluciones anteriores.
{Los estudiantes que no han ocultado contenido que excede un ancho fijo para las celdas puede jugar primero en la máquina, y luego leen este artículo}
De hecho, Table es algo interesante y jugable. No debemos mirarlo con ojos de color porque tiene su propia razón.
Continuaré escribiendo algunos artículos sobre tablas más tarde, y también serviré como entretenimiento.