2010-01-05 21 views

Respuesta

16

Margen y/o relleno. (propiedades CSS), así:

<p style='padding-left : 10px'>Hello</p> 

(Vale la pena señalar que generalmente se considera una mala práctica de poner un estilo en línea como esa, que normalmente se declara un selector en un archivo CSS externo y establecer la clase/lo que sea apropiadamente.)

+1

En realidad, esto no siempre es útil.Creo que si necesita un elemento & nbsp probablemente porque no tiene contenido en

1

Debe usar las propiedades de margen o relleno con sus elementos para ajustar el espacio en blanco.

2

¿Qué hay de las propiedades CSS letter-spacing y/o word-spacing?

4

En CSS, Añadir

pre{ 
    white-space: pre-wrap; 
    white-space: -moz-pre-wrap !important; 
    white-space: -pre-wrap; 
    white-space: -o-pre-wrap; 
} 
<pre> 
    is not ugly anymore 
</pre> 
2

&#160; es alternativa pero también es fea

solución Hermosa está disponible en css.

U Si necesita espacio al principio del párrafo la U puede utilizar

p {text-indent: 10px; }

Si u necesidad de separación entre el uso de la palabra como esta

H2 { word-spacing: 3pt } 

ver aquí para más opciones http://www.hypergurl.com/csstutorial7.html

Puede asignar estos estilos a html por línea, externo y desde la página (<head>....</head>)

+0

Sí   también es feo, pero es tolerado por Windows Phone 8 (VS Express 2012 Phone), mientras que   genera un error (que puede ser ignorado pero siempre se muestra). –

2

Tuve este problema cuando me di cuenta de que tendré etiquetas vacías. No quería establecer una altura fija y era demasiado tarde para cambiar el html. Quería agregar un espacio en el css, el sustituto de &nbsp, así que agregué el espacio antes del elemento, usando :before (debe especificarse mediante unicode).

p:before { 
    content: "\00a0"; 
} 

Espero que esta solución ayude a alguien. La solución con relleno no funcionó para mi problema.

0

Utilicé un lapso entre dos botones.

<span style="margin-left:70px;"></span>

Se espaciadas todo justo donde lo necesitaba. Traté de crear un div "espaciador", pero eso empujó uno de los botones debajo del otro. Creo que fue porque estaba usando un margen inferior: 30px; en el div.