HTML의 p 태그 정렬 문제
- 黄舟원래의
- 2017-07-03 13:48:373448검색
<br>
사진과 같은 어긋남 현상:
<html>
<head>
<title>sda</title>
</head>
<body align=center>
<p>故人西辞黄鹤楼
<p>烟花三月下扬州
<p>黄鹤一去不复返
<p>白云千载空悠悠
<br>
<img align=center src= "1.png" alt="HTML의 p 태그 정렬 문제" >
</body>
</html>
사진과 같이 수정되었습니다<br>여러 가지 해결 방법이 있습니다<br>하지만 모두가 고수하는 원칙은 문법적 표준 문제입니다<br>1 . p 태그 완성, p 태그는 단독으로 존재할 수도 있지만, 표준으로 작성한다면 최대한 완성해야 합니다<br>2. p 태그의 text-align 속성을 중앙으로 설정하면 됩니다. 문제도 해결됩니다<br>3. 실제로 1<br>에서 발견했습니다. code> 태그는 줄 바꿈을 구현하지 않지만 마지막 p 태그를 다음으로 대체하면 태그에 완성을 주는 것과 같습니다. <code>
<br>标签并没有实现换行，而是像给了p的后标签做了一个补全一样，当将最后一个p标签换为<html>
<head>
<title>sda</title>
</head>
<body align=center>
<p>故人西辞黄鹤楼
<p>烟花三月下扬州
<p>黄鹤一去不复返
<p>白云千载空悠悠</p>
<br>
<img align=center src= "1.png" alt="HTML의 p 태그 정렬 문제" >
</body>
</html>此外一个大佬说过：
<br> 写在行头的话，如果前面一行正好显示到末尾，有可能会在两行间多空出来一行。把 <br>rrreee
<br> 줄의 시작 부분에 쓰면 이전 줄이 끝까지 표시되면 두 줄 사이에 추가 줄이 있을 수 있습니다. . 줄 끝에 <br> 태그를 작성하는 것이 좋습니다. 🎜위 내용은 HTML의 p 태그 정렬 문제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.