HTML에서 자동 줄 바꿈을 비활성화하는 방법

HTML에서 자동 줄바꿈을 비활성화하는 방법: 1. html 요소에 "display:inline" 스타일을 추가하고 해당 요소를 인라인 요소로 설정합니다. 2. html 요소에 "float:left" 스타일을 추가하여 요소는 문서 흐름에서 벗어나 같은 줄에 표시됩니다.

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

데모:

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

동일한 줄에 두 개의 입력을 표시하는 방법:

1 스타일 표시 사용: 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>

display:inline이 기능은 개체가 인라인 요소로 표시되도록 설정하는 것입니다. , inline은 inline입니다. 개체의 기본값입니다(ps: 인라인 개체는 범위와 같이 자동으로 줄 바꿈을 생성하지 않는 요소입니다). 이 값을 사용하면 개체에서 줄이 삭제됩니다.

두 입력이 모두 인라인이면 같은 라인에 있는 것입니다. 예를 들어 우리가 일반적으로 사용하는 div는 블록 수준 요소이고 기본 표시 속성은 block입니다. 그러나 div의 표시를 인라인으로 설정하면 여러 div가 한 줄에 표시될 수 있습니다.

2. float:left 스타일을 사용하세요(권장하지 않음)

<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>

여러 요소와 함께 사용하면 더 번거롭고 다른 요소의 위치에 혼란이 생길 ​​수 있습니다.

일반 텍스트의 기타 사용법

1. 태그

<nobr> 12345456<nobr>

2. 태그

<div nowrap>123123123</div>

4. 스타일

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

위 내용은 HTML에서 자동 줄 바꿈을 비활성화하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!