CSS에서 블록 수준 요소를 나란히 표시하는 방법은 무엇입니까?

黄舟
풀어 주다: 2017-07-22 10:33:44
원래의
7244명이 탐색했습니다.

질문: 같은 줄에 두 개의 블록 수준 요소를 어떻게 만들 수 있나요?

답변:

1. 부동 속성을 설정합니다(^o^)/~

블록 수준 요소의 CSS 형식을 부동(왼쪽/오른쪽)으로 설정합니다. 예를 들어 panelA와 panelB라는 두 개의 패널이 있습니다. 같은 줄에 위치하게 하려면 A의 CSS 형식을 부동(왼쪽/오른쪽)으로 설정하기만 하면 됩니다. (참고: A의 float 속성을 설정하면 됩니다. B의 float 속성이 설정된 경우 B 다음의 요소도 같은 줄에 있게 됩니다.) 이 방법을 사용하면 두 개의 블록 수준 요소가 각 요소 옆에 있게 됩니다. 다른. 효과 예:

2. 디스플레이를 인라인 블록으로 설정합니다. 즉, CSS 코드를 디스플레이:인라인 블록으로 작성합니다. 이 방법을 사용하면 두 블록 수준 요소 사이에 일정한 간격이 생깁니다. 이 방법은 이전 방법과 동일하므로 B 속성 대신 A의 표시 속성을 설정해야 합니다. 효과 예:

위 내용은 CSS에서 블록 수준 요소를 나란히 표시하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿