얻기 가운데 열 내용이 제대로

-1

나는이 페이지를 만들 tryign입니다. 가능하다면 고정 폭을 설정하지 말고이 작업을 수행 할 것입니다. 왜냐하면 윈도우 크기를 어느 정도 줄일 수 있기 때문입니다. 1. 헤드 라인은 "쉘"사업부 자체를 중심으로되지 않습니다 무슨 일이 일어나고 있는지얻기 가운데 열 내용이 제대로

알 수 있습니다. 2. 옵트 인 상자는 창을 좁힐 때 중간 열에 ovlaps됩니다. 대신 가로 스크롤 막대를 멈추고 만드는 것뿐입니다. 3. 아래쪽에있는 3 개의 배지/단추는 수평 적으로 보이지만 그 중 하나가 아래에 표시됩니다. 또한 가능하다면 창문이 좁아지면서 왼쪽으로 움직여야합니다. "왼쪽 배지"div를 치면 멈출 것입니다.

어떤 변화 나는 그것이 잘 흐를 수 있도록해야합니까? div 레이아웃이 올바른지 또는 잘못 했습니까?

출처

2013-07-07 ELF

당신은 내부 DIV이 CSS를 적용 할 수 있습니다 물론

#MiddleColumn { 
    width: 50%; 
    margin: 0 auto; 
}

, 당신은 50 %로 폭을 설정할 필요가 없습니다. 포함 된 div보다 작은 임의의 너비가 작동합니다. 여백 : 0 자동은 실제 센터링입니다.

#MiddleColumn { 
     display: table; 
     margin: 0 auto; 
}

그것은 수평 내부 요소 센터를 만들 것입니다 그것은 특정 폭을 설정하지 않고 작동합니다 : 당신이 IE8의 +를 대상으로하는 경우

, 대신이가 더 좋을 수도 있습니다.

출처

2013-07-07 21:11:54

고마워요, 그게 도움이됩니다. – ELF

내가 당신을 도운다면, 왜 당신이 가서 내 대답 옆에있는 체크를 클릭하여 내 대답을 받아 들일 수 없습니까? 아니면 내 대답을 upvote 감사합니다 –

생각 했어요. 그것은 녹색, 브라우저 결함을 아마도 보았다. 지금 해. – ELF

트위터 부트 스트랩을 보면이 유형의 문제가 더 좋습니다. css 파일이 이미 들어있는 라이브러리이므로 작업 속도가 빨라지고 창 너비 등에 따라 자동 크기 조정 및 이동이 가능합니다. 누가 오류가 그 자신에 의해 그것을 할 필요가 없습니다 것을 발견 할 수 있습니다 문제에 보이도록 http://twitter.github.io/bootstrap/

은 다음 시간도 코드를 제공

여기를 보라.

출처

2013-07-07 21:11:18

멋지다고 생각합니다. 고마워요. – ELF

얻기 가운데 열 내용이 제대로

답변

관련 문제