방법: 디자인 뷰에서 요소 배치

업데이트: 2007년 11월

기본적으로 HTML 페이지 또는 ASP.NET 웹 페이지의 요소는 태그에 나타나는 순서대로 렌더링되는데 이를 선형 레이아웃이라고도 합니다. 또한 페이지의 임의의 위치에서 가로 및 세로 좌표를 사용하여 2차원 형식으로 요소를 레이아웃할 수 있습니다. 이 레이아웃 옵션은 스타일을 통해 지정할 수 있는 위치 옵션을 사용합니다.

정적 텍스트로 작업하거나 요소를 그룹으로 배치하려면 레이어, 즉 위치 정보를 포함하는 div 요소를 만드는 것이 좋습니다.

페이지의 개별 요소에 위치 지정 옵션을 설정할 수 있습니다. 또한 끌어 오거나 클립보드에서 붙여넣기를 통해 페이지에 추가하는 모든 요소에 대해 자동으로 위치를 지정하는 옵션을 설정할 수 있습니다.

가로 및 세로 좌표를 사용하여 요소를 배치하려면

1. 디자인 뷰에서 위치를 지정할 요소를 선택합니다.

2. 서식 메뉴에서 위치 설정을 클릭한 다음 절대 또는 상대를 클릭합니다.

3. 컨트롤을 원하는 위치로 끌어 옵니다.

   참고:
   요소의 배치 단위가 Visual Web Developer의 기본 옵션인 픽셀로 설정된 경우에는 보이지 않는 모눈에 맞춰 끌도록 제한할 수 있습니다. 자세한 내용은 옵션 대화 상자, HTML 디자이너, CSS 위치 지정을 참조하십시오.

요소를 선형 레이아웃으로 다시 설정하려면

1. 디자인 뷰에서 선형 레이아웃으로 다시 설정할 요소를 선택합니다.

2. 서식 메뉴에서 **위치…**를 클릭합니다.

3. 위치 대화 상자에서 위치 스타일 아래의 없음을 선택합니다. 이 설정을 사용하면 모든 위치 지정 정보가 제거됩니다.

참고 항목

개념

디자인 뷰에서 요소 위치 지정