두 개의 인라인 블록 요소로 책 끝나는 인라인 flex 요소가 있습니다. 그들은 모두 높이가 다르지만, 나는 그것들을 수직 중심에 정렬시키고 싶다. 웹 키트에서는 인라인 블록 요소에 position: relative; top: 53px;을 적용하여이 작업을 수행 할 수 있습니다. 그러나 파이어 폭스에서는 인라인 블록을 내가 원하는 곳에 배치합니다. 오프셋
이 div 안에 이미지와 텍스트를 모두 세로로 가운데에 배치하고 싶습니다. img은 top: 0; bottom: 0; margin: auto;과 작동합니다. 그런 다음 컨테이너와 동일한 높이로 line-height 및 height을 설정하여 텍스트를 세로로 맞추려고했지만 중심이 잘 맞지 않아 약간의 차이가 있습니다. 어떻게 작동합니까? <div class=
내 데모를 중심으로하지 : 크롬/사파리/MS 에지에서 예상대로 https://jsfiddle.net/tk14jbry/ 결과 (예!) : 나는 가정 문제는 내 구조 : <div class="flexbox">
<video width="320" height="240">...
</video>
</div>
어떻게하면 IE 11을 작동시킬 수
여러 세트의 데이터를 다른 플롯에 플롯하려하고 각 플롯에서 일부 마커를 나타 내기 위해 수직선을 그리려하고 있습니다. 문제는 이러한 마커 선을 정렬하는 것입니다. 모든 플롯의 경우 x 축은 0부터 각 플롯의 다른 최대 값으로 시작합니다. 아래 스크립트를 컴파일하면 내 문제의 예제가됩니다. 각 플롯의 왼쪽에는 동일한 x 좌표에서 시작하는 파란 점선 두 개가
동시에 텍스트가있는 범위 안에 SVG 파일이 있습니다. 텍스트와 SVG는 같은 높이입니다. 그러나 SVG는 텍스트와 같은 줄에 있지 않습니다. 관련 jsfiddle : 당신이 볼 수 있듯이 https://jsfiddle.net/tcrnjd53/ , 페이스 북의 로고는 단지 샘플 텍스트처럼 빨간색 점선에 있어야합니다. span {
font-siz
제품 범주가있는 페이지가 있습니다. 이 페이지는 카테고리 비주얼 및 카테고리 이름을 나열합니다. 그러나 카테고리 이미지와 카테고리 이름은 수직으로 정렬되지 않습니다. 이 두 개체를 각 화면 크기에 맞게 세로로 정렬하려고합니다. 고맙습니다. My categories page picture 코드 : <ion-item [hidden]="!anaListeGoste
I이 추한 정렬을 수신하는 는 I 텍스트 스팬 DIV 직사각형 수직 중앙에 하나 개의 라인에서 육안으로 늘. 내가 좋아하는 방식으로 사용할 수 없습니다 \t <div>
\t \t <div style="display: inline-block; background-color: lightgrey; height: 25px; width :40px; margin
양식을 세로 및 가로로 가운데에 넣는 데 문제가 있습니다. 양식을 가로로 중앙 관리 할 수 있지만 양식과 이미지가 겹치지 않고 세로로 가운데에 배치 할 수도 없습니다. 또한 페이지 하단에 여러 이미지를 가로로 배치하는 데 문제가 있습니다. .banner {
position: relative;
width: 100%;
나는이 플로팅 된 이미지를 가지고 있으며 flex-navbar의 왼쪽에이 이미지를 갖고 싶습니다. 레이아웃은 반응 적이어야하고 이미지는 가운데에 수직으로 정렬되어야합니다 (수직 정렬 : 중간, 작동하지 않음). 미리 감사드립니다. '<div class="container">
<div id="navbar">
<a href="#"><img