컨테이너 내부에서 오른쪽 정렬 된 div를 사용하여 div를 왼쪽에 배치
PeeC
나는 다음과 같은 것을 성취하고 싶다.
다음 html 코드로 :
<div class="container">
<div class="floatingLeft">A right-aligned div</div>
<div class="a">Lorem Ipsum</div>
<div class="b">Ipsum Lorem</div>
<div class="c">Other</div>
<div class="d">Random</div>
<div class="e">Tex</div>
</div>
순수한 CSS를 사용하여 이것을 달성하는 방법이 있습니까? 오른쪽 정렬 된 div가 수직으로 중앙에있을 수있는 경우 보너스 포인트.
감사 :)
지역
귀하의 의견에서 요청 한대로 대답으로 추가했습니다.
이 같은? jsfiddle.net/cob1wyz9/3
.container {
display: table;
}
.floatingLeft {
text-align: right;
display: table-cell;
vertical-align: middle;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
관련 기사
Related 관련 기사
- 1
컨테이너를 확장하는 동안 div를 오른쪽에 정렬
- 2
float를 사용하여 div를 부모 div의 왼쪽 및 오른쪽 가장자리에 정렬
- 3
CSS를 사용하여 <div>를 중앙 <div>에 왼쪽 정렬
- 4
왼쪽 및 오른쪽에서 최소 여백을 사용하여 이미지를 중앙에 배치
- 5
CSS에서 div 배치, 왼쪽 하나 오른쪽
- 6
왼쪽, 오른쪽 및 절대 위치를 사용하여 div 중앙에 배치
- 7
Flex-box를 사용하여 요소를 왼쪽과 오른쪽에 정렬
- 8
CSS의 height 속성을 사용하지 않고 오른쪽 컨테이너 높이에 따라 왼쪽 컨테이너를 조정합니다.
- 9
Bootstrap을 사용하여 이미지를 왼쪽에서 오른쪽으로 배치
- 10
절대 위치없이 CSS에서 DIV를 오른쪽 또는 왼쪽 또는 가운데로 정렬하는 방법은 무엇입니까?
- 11
한 div를 왼쪽에, 다른 div를 오른쪽에 정렬하는 방법. 모바일에서는 오른쪽이 올라가고 왼쪽이 내려갑니다
- 12
추가 된 <div>를 오른쪽에서 왼쪽으로 슬라이드
- 13
기본 함수를 사용하지 않고 오른쪽에서 왼쪽으로 배열 정렬
- 14
오른쪽 테이블에서 레코드를 제외 할 위치를 사용하는 왼쪽 외부 조인
- 15
부트 스트랩 컨테이너 내부에서 div를 왼쪽 여백과 플러시하는 방법
- 16
탭 내에서 다른 div 컨테이너 안에 div 컨테이너를 배치하는 방법
- 17
div 크기를 유지하면서 div를 왼쪽에서 오른쪽 또는 오른쪽 왼쪽에서 슬라이드
- 18
div 컨테이너 너비를 왼쪽에서 오른쪽으로 늘리는 방법
- 19
JQuery에서 다른 div를 클릭하여 Div를 왼쪽 / 오른쪽 및 위 / 아래로 이동합니다.
- 20
jQuery를 사용하여 화면에서 div를 오른쪽으로 배치
- 21
텍스트 정렬 센터를 사용하여 부모의 왼쪽에서 오른쪽으로 버튼 애니메이션
- 22
부트 스트랩을 사용하여 div 및 navbar를 오른쪽에 정렬
- 23
<div> 태그에 너비가 100 %로 설정된 왼쪽과 오른쪽에 공백이있는 이유
- 24
정렬 된 벡터에 삽입하기위한 왼쪽 / 오른쪽 이동
- 25
컨테이너 내부에서 왼쪽 상단에서 오른쪽 하단으로 요소를 애니메이션하는 방법은 무엇입니까?
- 26
div를 오른쪽에서> 왼쪽으로 슬라이드 <
- 27
Div를 왼쪽에서 오른쪽으로 슬라이드
- 28
너비가 100 %이고 왼쪽과 오른쪽 공간이 같은 본문에 div를 배치하는 방법은 무엇입니까?
- 29
CSS를 사용하여 이미지를 왼쪽 및 오른쪽으로 정렬
몇 마디 만하겠습니다