플렉스 자막 드루팔 호스팅

두 번째 이미지에서는 이미지가 상자를 채우려는 것 같습니다, 그러나 당신이 만든 예는 가로 세로 비율을 (애완 동물 정상, 슬림 또는 지방없는 모양)로 유지한다.

당신은 예로서 그 이미지를 포토샵 또는 두 번째뿐만 아니라 "어떻게해야"내가 만약이 단서가 없다 (첫 번째 예제는 "해야한다"고 말했다 동안은 IS는 말했다)

어쨌든, 나는 가정해야한다 :

"이미지가 종횡비를 유지 크기가 조정되지 않습니다"당신이 나에게 픽셀의 가로 세로 비율을 유지합니까 이미지를 보여 주면, 난 당신이 "자르기"영역의 가로 세로 비율 (의 내부를 달성하기 위해 노력하고 있다고 가정해야 화소의 가로 세로 비를 유지 녹색) 속이다. 즉 당신은 확대하고 이미지를 자르기로, 이미지와 셀을 채우려.

Flex는 캡션 드루팔 없음이 호스팅

그 문제의 경우, 사용자가 제공 한 코드는 "문제"하지만 시작 예를 반영하지 않습니다.

상자의 높이가 있지만, 배경 이미지, 동적 경우 실제 이미지를 수행 할 수없는 필요한 이전의 두 가정을 감안할 때. 어느 쪽의 "배경 - 크기 : 포함"사용하거나 (자르기를 제한하거나 최대 어디서나 크기 당신이 원하는 퍼센트 스마트 패딩)이 기술 : fofwebdesign.co.uk/template/_testing/scale-img/scale-img.htm

이 유일한 방법은 우리가 두 번째 iimage 잊어 경우 이미지가 가능하며, 세포는 고정 된 높이를 가지고 있고, 다행히 샘플 이미지에 의해 판단, 높이가 동일하게 유지!

컨테이너의 높이가 변경되지 않습니다, 당신은 당신의 이미지 광장을 유지하려는 경우, 당신은 단지의 상자 크기 조정 특성에 따라 그 알려진 값으로 이미지 (마이너스 패딩이나 국경의 최대 높이를 설정해야 세포)

코드는 (개방 태그 사람을 닫는 대신, 그래서 그들은 출력 NESTED 세포가 아니라 형제 자매, 그는 결함이있는 코드 내부에 이미지의 스크린 샷을 사용하고, 플렉스 박스 (열에서 셀하지만 두 예제를 보유하지 않는 무효 당신은 설정 "행"그러나 다른 내부에 하나 개의 셀을 중첩 손상된 코드는 마지막으로 COLUMNS로 일하고. 난 당신이 그 코드를 내놓았다 어떻게 달성 원했고, 무슨 생각이 없다,하지만 난 ', 플렉스 내부 플렉스 결과 당신이 원하는 것을 추측하고하는 것은 이것이다.

이미지가 중앙에 도착 있도록 (I 디스플레이 생각 :이 모든 마크 업뿐만 아니라 테이블이 여기에 사용 된 수), 너무 세포에 플렉스 : 나는 디스플레이를 추가

당신이 질문이 나 응답 된 방법의 사소한 단서가 것처럼 보이지 않는다. 그 jsfiddle의 모든 HTML과 CSS는 질문자가 (@confile) 제공 한 것입니다. 그냥 질문을 읽고 당신은 볼 것입니다. 내 솔루션은 CSS의 IMG의 간단한 라인이며이 요구 된 솔루션을 제공하기 때문에 질문자는 1 년 이상 전에 내 대답을 수락했습니다. 난 당신이 모두 여기에 최고, 감사를 제대로 질문을 읽은 후 향후에 따라 대답 해보세요 바랍니다. - 21시 16분에서 오메가 7월 27일 '15

플렉스 자막 드루팔 상자를 호스팅하지만,

당신은 매우 새롭고 간단한 CSS4 기능을 시도 할 수 있습니다 :

그것은 (당신이 배경 영상 트릭을 사용하는 경우 등) 사진 비율을 유지하고, 내 경우에는 같은 문제에 대해 잘했다.

이 비디오를 시청!

관련 기사

드루팔 호스팅 TXT 최고의 로봇매일 수백만의 사람들은 사진, 제품, 사람을 찾기 위해 구글 이미지 검색을 사용합니다. 당신은 드루팔을 사용하는 경우, 기회는 당신이 트래픽의 어떤을받지하고 있습니다. 드루팔의 robots.txt ...
멀티 사이트 드루팔 호스팅하나 개 이상의 드루팔 사이트를 실행하는 경우, 당신은 관리를 단순화 할 수 있고 멀티 사이트 기능을 사용하여 사이트를 업그레이드 할 수 있습니다. 멀티 사이트는 하나의 드루팔을 공유 할 수 있습니다 ...
면 처리 된 검색 API를 드루팔 호스팅Compatiblity 마지막으로 알려진 호환 버전은 패싯 알파 9 API 안정적인 1.x에서 검색합니다. 패싯 모듈은 사이트 빌더 쉽게 만들고 측면 검색 인터페이스를 관리 할 수 ​​있습니다. 에서...
복사 방지 드루팔 호스팅다른 사람이 복사 및 저장 / 재 사용을 위해 인터넷 (공공 페이지)에 거기에 넣어 아무것도 사용할 수 있습니다. 당신이 정말로 콘텐츠를 안전하고 보호 할 싶다면 - 넣어하지 않습니다 ...
보기 검색 모듈 드루팔 호스팅안녕하세요, 및 DrupalModules.com에 오신 것을 환영합니다, 지역 사회 구동 평가 및 검토 서비스는 당신이 당신의 프로젝트에 가장 적합한 드루팔 모듈을 찾을 수 있도록 최선을 다하고! 권리 드루팔을 찾는 데 도움이 필요 ...