ancho para <a> etiqueta en html

Question

¿Es posible establecer algún ancho para la etiqueta <a> en html? En caso afirmativo, ¿cuál es el camino, si no hay trabajo?

Answer 1

Puede redefinirlo como un elemento de bloque y luego establecer ancho a él: a{display:block;width:400px}.

EDITAR: Sin embargo, en este caso se iniciará en una nueva línea y la siguiente parte del texto también estará en una nueva línea. Lo que resuelve el problema, es inline-block modo de visualización, pero esta vez tiene problemas con las versiones antiguas de IE y FF (ver aquí: http://caniuse.com/#search=inline-block)

Answer 2

la propiedad CSS width no afecta a los elementos en línea tales como <a> o <span>. Con el fin de utilizar las propiedades a nivel de bloque como width, usted tiene que declarar su elemento como un elemento en bloque, usando display:block:

<a style="display:block;width:200px">Your link</a> 

Answer 3

Como otros han dicho, el elemento a es un elemento en línea y, como tal, no está interesado en anchos o alturas. Solo busca el contenido y se hace tan grande como el contenido lo requiere.

Sin embargo, dependiendo de lo que intente hacer que se vea, puede usar padding y margin para cambiar la distancia a otros elementos en línea. Por ejemplo, <a style="padding: 0 5px;">some text</a> agrega un relleno de 5 píxeles a la izquierda y a la derecha del texto. Pero, de nuevo, el tamaño real se basará en el tamaño del texto.

Un enfoque diferente, que es más un truco, y como tal se debe evitar si es posible, sería la siguiente:

<a style="background: red; padding-right: 100px;"> 
    <span style="position: absolute;">Some text</span> 
</a> 

Esto añade un acolchado de 100px a la derecha del texto, pero al establecer la posición del texto en absoluto, ese texto representa "arriba" del resto y se ignora para todos los cálculos de tamaño adicionales, por lo que el elemento a básicamente no tiene contenido directo y como tal un ancho de cero con un relleno adicional de 100 px a la derecha. Entonces el elemento tiene exactamente 100 px de ancho. Y al no modificar las posiciones del intervalo después de establecerlo en absoluto, se mantendrá donde habría estado sin absoluto, por lo que tiene el mismo aspecto.

Answer 4

Si usted no le gustó o display:blockdisplay:inline-block se puede utilizar el relleno