cshtml/razor에서 컨트롤 그룹을 하나의 단위로 묶는 방법은 무엇입니까?

Question

내 html은 꽤 녹슬니다. 기본적으로 데이터 테이블의 항목 목록을 가져오고로드 된 항목 텍스트 및 사용자가 선택할 수있는 아이콘과 함께 라디오 단추를 추가합니다. 라디오 단추, 동반 텍스트 및 아이콘을 그룹으로 묶으려는 것을 제외하고는 모든 것이 좋습니다. ,

<O> Item One <icon> <O> Item Two <icon> 
<O> Item Three <icon> <O> Item Four <icon> 
<O> Item Five <icon> <O> Item Six <icon> 

을 그리고 : 예를 들어

는 많은 선택과 작은 화면에, 그것은 같이 표시

<O> Item One <icon> <O> Item Two <icon> <O> Item Three 
<icon> <O> Item Four <icon> <O> Item Five <icon> <O> 
Item Six <icon> 

그러나 나는 내 그룹에 포장 할,보기 다음과 같습니다 : 물론 레이블의 크기가 균일하지 않으며 휴식 시간을 동적으로 유지해야합니다. 따라서 사용자가 큰 모니터를 사용하는 경우 항목은 모두 1 줄 또는 2 줄 등입니다.

그래서 질문 내려오다 to, 각 그룹을 랩핑 할 수 있고 그룹 내에서 랩핑을 해제 할 수 있으며 그룹간에 강제로 랩핑 할 수있는 요소가 있습니까?

Answer 1

각 그룹을 span 태그에 CSS 스타일 white-space: nowrap으로 감습니다. 이렇게하면 동일한 그룹의 모든 요소가 동일한 행에 있어야하지만 브라우저에서 그룹을 배치 할 수 있습니다.