nowrap ne fonctionne pas

**djun1** · 09/10/2012, 03h08

Bonjour,

Je ne vois pas pourquoi nowrap ne fonctionne pas.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<html>
<head>
<link rel="stylesheet" type="text/css" href="white-spacing.css">
<title>Espace Blanc</title>
<style type="text/css">
.normal
{
 white-space:normal;
}
 
.nowrap
{
 white-space:nowrap;
}
</style>
</head>
<body>
<table>
<caption>Les espaces blancs</caption>
<tr>
<td class="normal">Un atome 1 est la plus petite partie d'un corps simple pouvant se combiner chimiquement avec une autre.La théorie atomiste, qui soutient l'idée d'une matière composée de « grains » indivisibles </td>
</tr><tr>
<td class="nowrap">Un atome 1 est la plus petite partie d'un corps simple pouvant se combiner chimiquement avec une autre.La théorie atomiste, qui soutient l'idée d'une matière composée de « grains » indivisibles </td>
</tr>
</table>

white-spacing.css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
body
{
 font-family:tahoma;
}
 
table, td
{
border:1px black solid;
width:460px;
}

**Muchos** · 09/10/2012, 19h41

Avec un doctype, et la fermeture de <body> et <html>, ça fonctionne (Firefox 15 Ubuntu).
Néanmoins, la valeur normal ne mettra pas le texte à la ligne, étant donné que nowrap agrandit la page.

**djun1** · 09/10/2012, 23h17

J'ai faite et sa ne fonctionne pas. Pouvez-vous me présentez une exemple ?

**Muchos** · 09/10/2012, 23h41

Voici un exemple. Ça fonctionne aussi avec votre code.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<!doctype html>
<html>
<head>
	<title>Nowrap</title>
	<style type="text/css">
p {letter-spacing: 1em;}
.normal {white-space: normal;}
.nowrap {white-space: nowrap;}
        </style>
</head>
<body>
	<p class="normal">normal normal normal normal normal 
		normal normal normal normal normal 
		normal normal normal normal normal</p>
	<p class="nowrap">nowrap nowrap nowrap nowrap nowrap 
		nowrap nowrap nowrap nowrap nowrap 
		nowrap nowrap nowrap nowrap nowrap</p>
</body>
</html>

**NoSmoking** · 10/10/2012, 19h06

Bonjour,
@djun1, le moins que l'on puisse dire est que ton exemple est TRES MAL choisi, en absence de directive du type table-layout:fixed, les colonnes s'alignent sur la plus grande.

De plus white-space: normal est inutile, sauf pour rétablir la valeur par défaut, puisque c'est la valeur par défaut.

**Muchos** · 10/10/2012, 19h13

Envoyé par NoSmoking

le moins que l'on puisse dire est que l'exemple est TRES MAL choisi

L'exemple de Djun1 ou le mien ?

nowrap ne fonctionne pas

CSS

Vue hybride

Discussions similaires

Partager

Partager