두 줄에 높이가 다른 div를 어떻게 정렬하고 HTML을 편집 할 수 없습니까?
클라우 디우 크리 앙가
두 줄의 div를 만들고 싶습니다. div는 높이가 다릅니다. 아래 이미지와 같습니다.
이 div는 워드 프레스 게시물입니다. 첫 번째는 왼쪽, 다음은 오른쪽, 다음은 왼쪽 등입니다.
안타깝게도 워드 프레스 게시물을 포함 할 div의 스타일 만 변경할 수 있습니다. html 태그를 추가 하거나 html에 두 개의 열을 만들 수 없습니다 . 그렇다면 div 요소를 스타일링해야만 할 수 있습니까?
div에는 ID가 없습니다. #container div{} 
내가 찾은 유일한 해결책은 다음과 같습니다.
div{float:left; width:345px; min-height:680px; max-height:680px;}
이것은 작동하지만 내 div 중 일부는 680px 이상이며 다른 div 위에 있습니다.
제임스 코든
다음과 같이 다른 모든 div를 제쳐두고 싶다고 가정합니다.
div:nth-child(2n+3) {
float:left;
}
div:nth-child(2n+4) {
float:right;
}
+3 및 +4는 터치하고 싶지 않은 3 개의 div가 있다고 가정합니다. 이것은 특정 상황에 맞게 조정이 필요하지만 특정 구조를 보지 않고는 확실하게 말할 수 없습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
관련 기사
Related 관련 기사
- 1
명령 줄이나 텍스트 편집기에서 Atom 설정을 어떻게 변경할 수 있습니까?
- 2
전역 적이 지 않고 다른 모듈에서 편집 할 수있는 변수를 어떻게 만들 수 있습니까?
- 3
동일한 시스템에 두 개의 Linux OS가 있습니다. 다른 OS의 파일을 안전하게 편집 할 수 있습니까?
- 4
텍스트가 첫 번째 div 바로 아래에 표시되고 두 번째 div와 겹치지 않고 항상 나란히있는 높이가 다른 두 div를 어떻게 얻을 수 있습니까?
- 5
Linux의 파일에서 패턴이 다른 두 줄을 어떻게 결합 할 수 있습니까?
- 6
입력에서 데이터를 전달하고 사용자가 ID 입력을 편집 할 수 없도록하려면 어떻게해야합니까?
- 7
다른 파일에서 HTML 페이지를 편집 할 수 있습니까?
- 8
두 개의 다른 div에서 작동하도록 CSS`toggle-slide`를 어떻게 편집합니까?
- 9
행을 추가 할 때는 편집 할 수 있지만 행을 편집 할 때는 편집 할 수없는 열을 Kendo Grid에 어떻게 추가합니까?
- 10
PHP를 사용하여 mySQL 데이터베이스에 두 가지 다른 형식의 입력을 어떻게 저장할 수 있습니까?
- 11
Vim 텍스트 편집기에서 어떻게 줄을 위로 이동할 수 있습니까?
- 12
다른 HTML 페이지에 HTML 메뉴 div를 표시하기 위해 PHP 파일을 어떻게 사용할 수 있습니까?
- 13
Ruby 2.7+ IRB 다중 행 편집 모드에서 새 행을 어떻게 추가 할 수 있습니까?
- 14
이메일의 링크를 클릭하여 편집 상자 값을 어떻게 설정할 수 있습니까 (반응 애플리케이션에서)?
- 15
목록 및 하위 목록에 바인딩 된 두 개의 편집 가능하고 업데이트 가능한 DataGridView를 어떻게 가질 수 있습니까?
- 16
UDP를 통한 직렬화 준비가 된 이진 데이터 배열을 어떻게 만들고 편집 할 수 있습니까?
- 17
SQLAlchemy : 다른 두 관계의 합집합으로 관계를 어떻게 정의 할 수 있습니까?
- 18
고정 높이 div에서 텍스트를 정렬 할 수 없습니다.
- 19
다른 유형의 파일에 대한 줄 제한 길이를 어떻게 설정할 수 있습니까?
- 20
같은 이름을 가지고 있고 다른 파일을 수정할 수없는 경우 다른 C 파일에서 같은 이름의 여러 함수를 어떻게 사용할 수 있습니까?
- 21
부 트랩에서 편집 버튼을 사용하여 angularjs의 입력 필드를 어떻게 편집 할 수 있습니까?
- 22
CSS에 div를 추가 할 때 어떻게 다른 여백을 얻을 수 있습니까?
- 23
데이터 프레임의 열 이름을 알 수 없다고 가정하면 해당 열의 값에 따라 df를 어떻게 정렬 할 수 있습니까?
- 24
이미지 값을 얻고 반응의 다른 div에서 어떻게 구현할 수 있습니까?
- 25
두 가지 다른 토큰 화에 대한 정렬을 어떻게 얻을 수 있습니까? (예 : BERT 대 spaCy)
- 26
HTTP 게시 방법에서 특정 데이터를 업데이트하거나 편집 할 수 없습니다.
- 27
Cassandra가 비정규 화 된 데이터의 사용을 용이하게한다면 사용자는 불일치를 만들지 않고 어떻게 편집 할 수 있습니까?
- 28
팁에 두 개 이상의 줄을 어떻게 할 수 있습니까?
- 29
OpenLayers에서 두 개의 다른 벡터 레이어를 어떻게 구별 할 수 있습니까?
몇 마디 만하겠습니다