수평으로 배치 된 항목 그룹을 HTML로 작성

Flex에는 내용이 수평으로 배치되는 HGroup이라는 컨테이너 구성 요소가 있습니다. 다음에 상응하는 HTML에있을 것입니다 무엇 : HTML 개발자를위한 HGroup의수평으로 배치 된 항목 그룹을 HTML로 작성

<HGroup gap="10"> 
    <button width="50"/> 
    <button width="10"/> 
    <button width="100"/> 
</HGroup>

특징,의 HGroup 태그의 각 항목은 이전 항목 이후에 위치하도록한다. 위의 코드에서 각 단추는 마지막 단추 다음에옵니다. gap 속성은 각 항목 사이의 공간을 지정합니다. hgroup은 모든 요소의 너비에 맞고 다음 줄로 줄 바꿈하지 않습니다. 상단, 중간 또는 하단의 요소를 정렬하는 verticalAlign 속성이 있습니다.

div 스타일이나 span 태그와 같은 줄 바꿈 스타일이 HGroup 동작을 모방 한 가장 가까운 태그라고 생각하십니까?

출처

2013-05-20 1.21 gigawatts

가능한 [VGroup처럼 HTML에 수직으로 스택 된 항목 그룹 만들기] (http://stackoverflow.com/questions/16658273/creating-a-vertically-stacked-group-of-items-in-html) -like-a-vgroup) –

인라인하려는 요소에서 표시 스타일을 인라인으로 설정합니다. 예 :

<div name="HGroup531" style="position:absolute;left:138px;top:107px;width:180px;height:23px;"> 
    <input type="button" name="Button605" style="display:inline;padding-right:2px;vertical-align: middle;width:70px;height:21px;font-family:Arial;font-size:12px;" value="Button"/> 
    <input type="button" name="Button635" style="display:inline;vertical-align: middle;width:70px;height:21px;font-family:Arial;font-size:12px;" value="Button"/> 
</div>

최소한이 것은 내가 아는 한 최선의 방법입니다.

출처

2013-09-30 03:00:32

수평으로 배치 된 항목 그룹을 HTML로 작성

답변

관련 문제