줄 바꿈을 추가하는 방법

에 줄 바꿈을 추가하는 방법 정의 목록에 휴식을 추가하려고하지만 dl에서 자식 요소로 허용되지 않는다고 말합니다. HTML에서 br을 사용하지 않고 휴식을 취하는 방법은 무엇입니까?

<dl> 
    <dt>Activities</dt> 
    <dd>- Trekking</dd> 
    <dd>- Rappelling</dd> 
    <dd>- Kayaking</dd> 
    <dd>- Rock Climbing</dd> 
    <dd>- Cycling</dd> 
    <dt>Hobbies</dt> 
    <dd>- Dancing</dd> 
    <dd>- Listening to Music</dd> 
    <dd>- Reading Novels</dd> 
    <dd>- Android Programming</dd> 
</dl>

내 CSS 코드 :

dl { 
    margin-top: 0; 
    margin-bottom: 21px; 
} 
dt, dd { 
    line-height: 1.42857143; 
} 
dt { 
    font-weight: bold; 
} 
dd { 
    margin-left: 0; 
}

출처

2014-05-15 android.rookie

CSS는 어디에 있습니까? HTML 구조는 어디에 있습니까? 괜찮은 질문이지만 세부 사항이없는 경우에만 downvoted & 가능성이 잠겨 있습니다. – JakeGould

그것은 나를 위해 작동하는 것 같습니다. 어디에나. http://jsfiddle.net/Ht4t5/1/ –

가난한 사람의 공백을 추가하려고하는 것 같습니다. 제발 하지마. CSS 사용 – PeeHaa

dl에서 br을 사용할 수 없지만 dt 및 dd에서 사용할 수 있습니다. 이처럼 :

<dl> 
    <dt>Hot<br />Coffee</dt> 
    <dd>Black hot<br />drink</dd> 
    <dt>Milk</dt> 
    <dd>White cold drink<br /></dd> 
</dl>

출처

2014-05-15 20:23:04

당신은 당신이 휴식을 원하는 아래 그룹의 마지막 <dd>의 말에 넣을 수 있습니다.

정말로 다른 정의 그룹을 원한다면 하나의 목록을 여러 개로 나누고 싶을 수도 있습니다.

출처

2014-05-15 20:20:57 adv12

<br>는 <dl>의 유효한 아이가 아닙니다. 당신은 <dd>에 넣어 정의 목록에서 휴식을 추가 할 수 있습니다 :

<dl> 
    <dt>Term</dt> 
    <dd>Multi<br />Line</br Definition</dd> 
</dl>

을 아니면 용어 /리스트 요소를 분리 할 수있는 방법을 찾고 있다면, 당신은 정의 조항에 CSS의 여백을 추가 할 수 있습니다

<dl> 
    <dt>Term1</dt> 
    <dd>Definition 1</dd> 
    <dt>Term 2</dt> 
    <dd>Definition 2</dd> 
</dl> 
<style> 
    dt { 
     margin-top: 10px; 
    } 
</style>

출처

2014-05-15 20:26:54 agrm

줄 바꿈을 추가하는 방법

답변

관련 문제