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

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>

Autre utilisation du texte brut

<nobr> 12345456<nobr>

<div nowrap>123123123</div>

4. Style

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

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!