css - gratis - como hacer un bit ly
Usando CSS, ¿cómo puedo dividir una cadena(por ejemplo, una URL larga) en una celda de tabla? (3)
Aquí está la situación : estoy probando algunas personalizaciones de páginas de MySpace. Si alguna vez lo has probado [stackoverflow], estoy seguro de que entiendes lo frustrante que puede ser.
Básicamente se puede personalizar a través de CSS, dentro de un cierto conjunto de reglas (por ejemplo, el carácter "#" no está permitido ... ¡qué útil!).
Echa un vistazo a este blog si quieres más información, lo usé como base para mis personalizaciones
Entonces, el único problema es con la sección de comentarios, donde ''amigos'' publican lo que quieran. Ya tiene ...
max-width:423px;
... poner sobre la mesa, pero descubrí que si las URL largas se publican en la sección de comentarios, se agota el ancho de la tabla, ¡independientemente de la configuración máxima!
Pregunta : ¿Hay alguna manera de administrar el texto que va a empujar el ancho de la tabla?
Tal vez dividir / cortar la cadena? ¿O hay más cosas que debería hacer?
Las URL se publican como texto, no como hrefs.
Usando Firefox y Firebug por cierto.
Editar : También javascript no está permitido;)
Otra edición acaba de comprobar con IE7, y parece funcionar ... así que Firefox está siendo la molestia en este caso ...
¿Has probado los diversos valores para la propiedad css "overflow"? Creo que puede hacer lo que necesita en una permutación.
Sus opciones son bastante limitadas, si solo usa CSS. Puedes probar
overflow: hidden
para ocultar las partes ofensivas. CSS 3 es compatible con text-wrap , pero es probable que no exista soporte para ello. IIRC existe una propiedad css exclusiva de IE para hacer lo mismo, pero no puedo recordarlo por el momento y mi Google-Fu me falla.
algunos navegadores admiten el ajuste de palabras
ex.
<div style="width: 50px; word-wrap: break-word">insertsuperlongwordhereplease</div>
la compatibilidad con el navegador actualmente es IE / Safari / Firefox 3.1 (Alpha)