확실한 답변을 찾을 수 없습니다. 나는 100 % 너비의 div 안에 3 개 이상의 div가 각각 120px 너비가 있습니다. div의 div 수는 가변적이지만 포함 된 div의 가운데에 나타나고 추가되는 것이 더 많으면 가운데에서 바깥쪽으로 퍼지기를 원합니다. 아마 태그로 묶을 수는 있겠지만 CSS를 사용하는 것이 좋습니다. 누구나이 작업을 수행 할 수있는 훌륭한 메커니즘을 제공 할 수 있습니까?위치 3 개 이상의 div가 단일 컨테이너 div에서 중앙에 위치
당신은 순수한 CSS를 너무 많이 요구한다고 생각합니다. Here is what I came up with. 그러나 그것은 당신이 원하는 것이 아닙니다. #innerwrap은 가변 너비가 필요합니다 (자동이 가장 좋음)하지만 그 내용을 가운데 맞추기위한 규칙을 위반하게됩니다. 따라서 일부 jQuery 없이는 가능하지 않다고 생각합니다.
<style>
#container{
border:1px solid blue;
margin:0;
padding:20px;
text-align:center;
}
#container div{
display:inline;
padding:20px;
border:1px solid red;
}
</style>
<body>
<div id="container">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
</div>
</body>
http://csswizardry.com/2011/01/create-a-centred-horizontal에 감사드립니다. -navigation/(다시!) 디스플레이에 인라인으로 인해 div처럼 120px 고정 너비를 줄 수는 없지만 폭 너비 패딩을 만들거나 div 안에 너비가 다른 다른 요소가 있어야합니다. 120px. – AlanG
centering div에는 display : inline-block을 사용할 수 있습니다.
http://jsfiddle.net/에 코드를 넣을 수 있다면 좋겠지 만 시각화가 어려울 것입니다. 나는이 문제를 CSS로 해결할 수 있다고 생각하지 않는다. – BenWells
당신은 float : center 같은 것을 찾고 있습니까? 왼쪽도 오른쪽도? 이 기사에 관심이있을 수 있습니다. http://www.pmob.co.uk/pob/centred-float.htm –