요소 분류--인라인 요소

요소 분류 - 인라인 요소

HTML에서는 <span>, <a>, <label>, <strong> 및 <em>이 일반적인 인라인 요소(인라인 요소)입니다. 인라인) 요소. 물론, 블록 요소는 display:inline 코드를 통해 인라인 요소로 설정할 수도 있습니다. 다음 코드는 블록 요소인 div를 인라인 요소로 변환하여 div 요소가 인라인 요소의 특성을 갖도록 합니다.

 div{
     display:inline;
 }

......

<div>인라인 요소로 만들고 싶어요</div>

인라인 요소 특징 :

1. 다른 요소와 같은 줄에

2. 요소의 높이, 너비, 위쪽 및 아래쪽 여백을 설정할 수 없습니다.

요소 너비는 포함된 텍스트 또는 이미지의 너비이며 변경할 수 없습니다.

친구 여러분, 오른쪽의 코드 세그먼트를 살펴보세요. 인라인 요소 사이에 간격 문제가 있습니다. 이 문제는 이 섹션의 위키에서 확인할 수 있습니다. 밖으로.

아아아아


지속적인 학습
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>行内元素标签</title> <style type="text/css"> a,span,em{ background:pink;/*设置a、span、em标签背景颜色都为粉色*/ } </style> </head> <body> <a href="http://www.baidu.com">百度</a> <a href="//m.sbmmt.com">php中文网</a> <span>33333</span> <span>44444</span><em>555555</em> </body> </html>
  • 코스 추천
  • 코스웨어 다운로드
현재 코스웨어를 다운로드할 수 없습니다. 현재 직원들이 정리하고 있습니다. 앞으로도 본 강좌에 많은 관심 부탁드립니다~