CSS의 float:right 오른쪽 정렬 요소가 줄바꿈되어 같은 줄에 있지 않은 문제를 해결하는 방법

이 글은 CSS에서 같은 줄에 있지 않은 float:right 오른쪽 정렬 요소의 문제를 해결하는 방법을 주로 소개합니다. 이제 특정 참조 값이 있어 도움이 필요한 친구들과 공유합니다.

플로트를 사용하여 오른쪽을 설정합니다. 디스플레이를 정렬할 때 일반적으로 오른쪽에 정렬된 요소가 겹쳐서 왼쪽 요소와 오른쪽 요소가 같은 줄에 있지 않게 됩니다. 다음은 여러분을 위한 두 가지 해결 방법입니다. 유사한 상황에서 참조할 수 있습니다

CSS에서는 일반적으로 요소를 왼쪽이나 오른쪽에 표시해야 합니다. 이때 오른쪽 정렬 표시를 설정할 때 일반적으로 오른쪽에 표시됩니다. -정렬된 요소가 래핑되어 왼쪽 요소와 오른쪽 요소가 같은 줄에 표시되지 않습니다. 다음 방법으로 이 문제를 해결할 수 있습니다.

첫 번째 해결 방법: 왼쪽과 오른쪽을 바꿉니다. 예를 들어, 제목 앞에 날짜를 넣고 바꾸세요.

두 번째 해결책: float:left도 왼쪽에 추가하세요.

CSS float 정의 및 사용법

float 속성은 요소가 부동하는 방향을 정의합니다. 역사적으로 이 속성은 항상 이미지에 적용되어 텍스트가 이미지 주위를 둘러싸도록 했지만 CSS에서는 모든 요소가 부동될 수 있습니다. 부동 요소는 요소 유형에 관계없이 블록 수준 상자를 만듭니다.

비교체 요소를 부동화하는 경우 명시적인 너비를 지정하세요. 그렇지 않으면 가능한 한 좁아집니다.

Float 뒤에는 종종 속성 값 ​​​​left, right, none이 옵니다.
Float:none은 그렇지 않습니다. use float
Float:left Float
Float:right Float to the right

위 내용은 모두의 학습에 도움이 되기를 바랍니다. !

관련 권장 사항:

CSS 속성 nth-child(n)을 사용하여 n번째 하위 요소를 일치시키고 선택하는 방법

Firefox가 offsetHeight를 사용하여 div의 높이를 다음과 같이 가져오는 문제를 해결하는 방법 0

위 내용은 CSS의 float:right 오른쪽 정렬 요소가 줄바꿈되어 같은 줄에 있지 않은 문제를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!