텍스트 블록에 대해 하나의 플로트가 왼쪽으로 떠 밀려 나오고 다른 블록이 오른쪽으로 똑같이 떠있는 블록을 만듭니다. 지금은 수직으로 텍스트 만 정렬되어 수행 할 작업을텍스트 세로 정렬이 작동하지 않습니다.
:
display: table-cell; vertical-align:middle;
가 작동하지 않고는 단일하지 않기 때문에 내가 (라인 높이를 사용할 수 없습니다 행 :
line-height: value of div;
누군가가 올바른 방향으로 나를 가리킬 수 있으면 좋을 것입니다. 나는 바이올린을 만들었습니다
당신은 당신이 오른쪽으로 부동되어 수직 정렬 좋아하지 않는다 그것을
하면이 같은 것을보십시오 :
div#loading {
padding-top:200px;
position: absolute;
top: 35%;
left: 45%;
margin-left: -(Y/2)px;
margin-top: -(Y/2)px;
z-index: 1;
font-family:Arial,Helvetica,sans-serif;
}
당신은 픽셀 또는 % 중 하나에 "패딩 정상"으로 설정하지만, 위치가 절대 있는지 확인 할 수 있습니다. 그것은 당신이 찾고있는 것처럼 정렬 목적으로 사진의 옆에있는 텍스트를 아래로 움직이는 것입니다. 나는 친구를 위해 디자인 한 사이트에서 위 코드를 사용했다. 난이 도움이되기를 바랍니다
Showing alignment of divisions text and images inside a division.
: 당신은에 결과를 볼 수 있습니다.
내부 테이블 셀
display:table
이있는 용기가 필요합니다. div를 컨테이너에 넣고 대신 해당 컨테이너를 플로팅하십시오.
내가 찾은 가장 쉬운 방법, 당신의 CSS 클래스 일 content_case_copy
.content_case_copy{
width:160px;
position: relative; /*this*/
top: 50%; /*and this*/
vertical-align:middle;
을 작업 한 div에 놓았습니다 : http://www.sitepoint.com/css3-calc-function/ – celerno
감사의 짝이 추가되었다, 나는하지만 지금 난 '이후 페이지의 그 퍼팅 시도했다 당신이 당신의 필요 (css3)에 맞는 상단을 계산할 때 – user2099810