CSS에 빈 줄을 추가하는 방법

:before 속성을 사용하여 CSS에 span 태그 위에 빈 줄을 추가하고 싶습니다.CSS에 빈 줄을 추가하는 방법

______ 

Hi

나는 span 태그 border-top를 사용하여 시도했습니다. 하지만 그것은 내 요구 사항이 아닙니다. 검색했지만 시도했지만 작동하지 않았습니다. 도와주세요.

출처

2017-01-22 user123

해당 span 태그에'display : block;'을 설정하려 했습니까? – Null

왜 "using : before 속성"을 고집해야합니까? 이 숙제가 있니? 일반적인 방법은 단순히 여백이 있습니다. –

구체적으로, 한 가지 더, 다른 페이지에서 동일한 span 속성을 사용하고 있습니다. 거기서 _____을 표시하고 싶지 않습니다 ... 어떻게해야합니까? – user123

, 아래 참조 :

span:before { 
 
    content: ''; 
 
    width: 100%; 
 
    height: 1em; 
 
    display: inline-block; 
 
    background: red; /* Remove, just showing empty line */ 
 
} 
 
span { 
 
    display: inline-block; /* Can remove if span:before width doesn't matter. */ 
 
}

<span>Test Text</span>

당신이 조금 간단한 무언가를 사용하여 열려있어 경우를 사용하여 margin-top를 사용해보십시오 다음 코드 :

span { 
 
    margin-top: 1em; /* Adjust to your liking */ 
 
    display: block; /* Could also use inline-block */ 
 
}

<span>Test Text</span>

출처

2017-01-22 09:04:43

고마워, 효과가 있었다. – user123

한 가지 더, 다른 페이지에서 동일한 span 속성을 사용하고 있습니다. 거기서 _____을 표시하고 싶지 않습니다 ... 어떻게해야합니까? – user123

'span'에 CSS 클래스 또는 ID를 추가해야합니다. ' 테스트 텍스트'을 실행 한 다음 CSS를 업데이트하여'span.line {margin-top : 1em; 디스플레이 : 블록; } ' –

tag 위 한 줄의 공백을 줄 수있는 margin-top: 1em; 만 사용하면됩니다.

출처

2017-01-22 08:54:45

display: block 및 margin-top: 1em을 사용하십시오. <span>은 기본 표시 값이 인라인 인 요소입니다. div를 사용하거나 디스플레이를 차단해야합니다.

em

글꼴 크기를 동일, 그래서 HTML

여백 정상을 위해 일을해야

<span class="example">Hi</span>

CSS

.example{ 
    margin-top: 1em; 
    display: block; 
}

출처

2017-01-22 08:58:04

span:before { 
 
    content: "\a"; 
 
    white-space: pre; 
 
}

<span>Hi</span>

당신이 :before 속성을 사용하여 설정되어있는 경우

출처

2017-01-22 09:01:41

CSS에 빈 줄을 추가하는 방법

답변

관련 문제