Comment désactiver le retour à la ligne automatique en HTML

Méthodes pour désactiver le retour à la ligne automatique en HTML : 1. Ajoutez le style "display:inline" à l'élément html et définissez l'élément comme élément en ligne. 2. Ajoutez le style "float:left" au style ; Élément html pour faire sortir l'élément du document Stream, float pour l'afficher sur la même ligne.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

démo :

<div>性别：
<input id="sex0" name="sex" type="radio" value="0" checked="checked"/>男
<input id="sex1" name="sex" type="radio" value="1"/>女
</div>

Comment afficher deux entrées sur la même ligne :

Utilisez le style display:inline

<style>
.c{
    display:inline;
}
</style>
<div>性别：
<input class="c" id="sex0" name="sex" type="radio" value="0" checked="checked"/>男
<input class="c" id="sex1" name="sex" type="radio" value="1"/>女
</div>

est utilisé pour définir l'objet à afficher en tant qu'élément en ligne. Inline est la valeur par défaut pour les objets en ligne (ps : les objets en ligne sont des éléments qui ne génèrent pas automatiquement de sauts de ligne. , tel que span). Utilisation Cette valeur supprimera les lignes de l'objet. display:inline

Si les deux entrées sont en ligne, elles sont sur la même ligne. Par exemple, les divs que nous utilisons généralement sont des éléments de niveau bloc et l'attribut d'affichage par défaut est block. Cependant, si l'affichage du div est défini sur en ligne, plusieurs divs peuvent être affichés sur une seule ligne.

2. Utilisez le style float:left (non recommandé)

<style>
.f{
    float:left;
}
</style>
<div class="f">性别：
<p class="f"><input id="sex0"  class="f"  name="sex" type="radio" value="0" checked="checked"/>男</p>
<p class="f"><input id="sex1"  class="f"  name="sex" type="radio" value="1"/>女</p>
</div>

Il est plus gênant de l'utiliser avec plusieurs éléments et peut prêter à confusion dans la position. d'autres éléments.

Autre utilisation du texte brut

1 Balise

<nobr> 12345456<nobr>

2. 🎜>

<div nowrap>123123123</div>

4. Style

<pre class="brush:php;toolbar:false">23423423

[Apprentissage recommandé :

Tutoriel HTML5
]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!