HTML의 모든 요소를 ​​가운데에 배치하는 방법은 무엇입니까?

Question

처음에 나는 확인했으나 이것은 중복이 아닙니다. 조건은 여기에있는 다른 질문과 완전히 다릅니다. 답변을 작성하기 전에 내 전체 게시물을 읽어보십시오.

알 수없는 너비와 높이 크기가있는 ASP.NET 페이지가 있으며 그 안에 모든 요소를 ​​가운데에 배치하려고합니다. 그것이 인라인 또는 블록인지 여부에 관계없이.

<center> 태그는 필요하지만 쓸모가 없습니다.
text-align:center;이 모든 조건에서 작동하지 않습니다. [인라인]
margin:auto;은 모든 조건에서 작동하지 않습니다. 이미 모든 웹 브라우저에서 작동 무엇 [블록]

은 다음 코드 조각이다 :

<div style="float: left; position: relative; left: 50%;"> 
    <div style="float: left; position: relative; left: -50%;"> 
     my elements here 
    </div> 
</div> 

이 코드 조각은 모든 조건에서 작동하지만 라드 Telerik 아약스 알 수없는 팝업 위치를 가질 요소를 팝업 일으키는 일반적으로 페이지 외부에 나타납니다.

그래서 정확히 동등한 모든 브라우저에서 작동 태그 <center>에 무엇입니까?
여기 언급 한 현재 솔루션을 게시하지 마십시오!

Answer 1

AMAIK, 알고있는 모든 방법을 적용하지 않고도 원하는 것을 얻을 수 없습니다. 예를 들어 전자 메일 클라이언트를 사용하면 기존에 보유한 새로운 기술 (외장 스타일 시트조차도 아님)을 많이 이해하지 못합니다. 따라서 브라우저 (브라우저)를 포함하여 이전 렌더 엔진에 <center> 태그를 사용하는 것이 일반적입니다.

이

은 대체 및 열화 개념이지만 프레젠테이션 계층에서 아닌 동작 층인치 즉, 디자인에서 중요한 점은 버튼이 ajax를 통해 서버로 데이터를 다시 보내고 브라우저가 간단한 POST를 통해 아약스를 지원하지 않는다는 것입니다. 그러나 그것은 한 브라우저에서 집중 될 수 있고 다른 브라우저에서는 집중되지 않을 수 있습니다.

이 뛰어난 웹 사이트를 살펴 취하는 것이 내가 권장합니까 :

* 
{ 
text-align: center !important; 
margin: auto !important; 
} 

Answer 2

: 그런데

http://dowebsitesneedtolookexactlythesameineverybrowser.com/

, 당신은 당신의 페이지에있는 모든 요소를 ​​중심으로 강제로 시도해야 verbumSapienti 언급 된 바와 같이

: margin: 0 auto,하지만 작동하려면 너비가 필요합니다.

item{ width: 50%; margin: 0 auto;}