2013-05-26 3 views
1

플렉스 하단에 요소 (이 경우에는 div)를 정렬 할 수있는 방법이 있습니까? 여기
바이올린 : http://jsfiddle.net/djeQv/1/
플렉스 항목 하단 위치

#images div { 
position:relative; 
bottom: 0px; 
margin-top: -10px; 
padding-top: 10px; 
cursor: default; 
} 

이 일반적인 방법으로는이 시간을 근무하지 않았다.

답변

0

텍스트를 절대 배치하지 않는 이유는 무엇입니까? 이런 식으로 뭔가가 :

#images div { 
    position:absolute; 
    bottom: 0; 
    text-align: center; 
    width: 100%; 
} 

이 문서의 흐름에서 텍스트를 소요하기 때문에, 당신은 이미지를 겹쳐에서 텍스트를 방지하기 위해 링크의 바닥에 약간의 패딩을 추가해야합니다. 나는 당신의 바이올린을 업데이트

설명합니다 : http://jsfiddle.net/djeQv/2/

+0

내가이 그렇지 않은 실제 페이지 작동이 바이올린과에 얻을하지 않습니다? (나는 절대 위치를 실제로 테스트했으나 효과가 없었다.) 초면 https://student.sps-prosek.cz/~eisead11it/web/Adv%20E-Shop/Admin/order?order=1 (닉네임 : admin, 패스 : mnbvcx11) – Akxe

+0

이 정상적으로 작동합니다. 나를 위해 크롬 관리자의 사이트를 편집 할 때. 'padim-bottom : 25px'뿐만 아니라'#images> a '에'position : relative'를 추가하는 것을 잊었습니까 – Pevara

+0

당신의 jsfiddle에서 당신은 어떤 패딩도하지 않았고 잘 작동했습니다. – Akxe