여러 DIV 블록을 가로로 정렬
여러 DIV 블록을 동일한 가로선에 배치하는 것은 웹 개발에서 일반적인 레이아웃 작업입니다. 이를 달성하려면 아래 설명된 단계를 따르세요.
text-align: center;를 사용하여 상위 DIV를 설정합니다. 하위 요소를 수평으로 정렬합니다.
상위 DIV 내에서 하위 DIV를 표시하도록 설정합니다: inline;. 이렇게 하면 같은 줄에 나란히 앉을 수 있습니다.
<code class="css">#block_container { text-align: center; } #bloc1, #bloc2 { display: inline; }</code>
예시 내용:
<code class="html"><div id="block_container"> <div id="bloc1"><?php echo " version " . $version . " Copyright © All Rights Reserved."; ?></div> <div id="bloc2"><img src="/static/imghwm/default1.png" data-src="..." class="lazy" alt="여러 DIV 블록을 수평으로 정렬하는 방법은 무엇입니까?" ></div> </div></code>
추가 고려 사항:
- DIV 요소 내부에 원시 콘텐츠를 직접 배치하지 마세요.
와 같은 적절한 태그를 사용하세요. 또는 대신.
- 예:
<p id="bloc1"><?php echo " version ".$version." Copyright © All Rights Reserved."; ?></p>
데모:
https://jsfiddle.net/
위 내용은 여러 DIV 블록을 수평으로 정렬하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

React Ecosystem은 모두 드래그 앤 드롭의 상호 작용에 중점을 둔 많은 라이브러리를 제공합니다. 우리는 React-dnd, React-beautiful-dnd를 가지고 있습니다.

나는 자주 배경 클립을 사용한다고 말할 수 없습니다. I ' D WART IT IT는 일상적인 CSS 작업에서 거의 사용되지 않았습니다. 그러나 나는 Stefan Judis의 게시물에서 그것을 상기시켰다.

requestAnimationFrame을 사용하여 애니메이션은 쉬워야하지만 React의 문서를 철저히 읽지 않으면 몇 가지 문제가 발생할 수 있습니다.

아마도이를 사용자에게 제공하는 가장 쉬운 방법은 요소의 ID를 대상으로하는 링크 일 것입니다. 그래서 ...처럼 ...

들어보세요, 나는 GraphQL 전문가가 아니지만 함께 일하는 것을 좋아합니다. 프론트 엔드 개발자로서 데이터를 노출시키는 방법은 꽤 멋지다. 메뉴와 같습니다

이번 주에 타이포그래피를 검사하기위한 편리한 북마크 인 Roundup, JavaScript 모듈과 Facebook의 Facebook 등을 어떻게 가져 오는지 땜질하기 위해 대기하는 편리한 북마크 인 Roundup과 Facebook의


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

WebStorm Mac 버전
유용한 JavaScript 개발 도구

SublimeText3 Linux 새 버전
SublimeText3 Linux 최신 버전

Atom Editor Mac 버전 다운로드
가장 인기 있는 오픈 소스 편집기

SublimeText3 영어 버전
권장 사항: Win 버전, 코드 프롬프트 지원!

Eclipse용 SAP NetWeaver 서버 어댑터
Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.
