아래 P 스타일이 첫 번째 P엔 적용이 안됩니다. 왜 그럴까요?
<style type="text/css">table {width: 720px;border: 2px solid red;border-collapse: collapse;outline: 5px solid green;}table td {border: 1px solid blue;}.none {border-style: none;}.hidden {border-style: hidden;}.solid {border-style: solid;}p {height:100px;}</style><table class=none><tr><td>None 테두리의 테이블</td><td>홈짱닷컴 (homzzang.com)</td></tr><tr><td>None 테두리의 테이블</td><td>홈짱닷컴 (homzzang.com)</td></tr></table><p><table class=hidden><tr><td>Hidden 테두리의 테이블</td><td>홈짱닷컴 (homzzang.com)</td></tr><tr><td>Hidden 테두리의 테이블</td><td>홈짱닷컴 (homzzang.com)</td></tr></table><p><table class=solid><tr><td>solid 테두리의 테이블</td><td>홈짱닷컴 (homzzang.com)</td></tr><tr><td>solid 테두리의 테이블</td><td>홈짱닷컴 (homzzang.com)</td></tr></table>
|
답변 4개 / 댓글 4개
채택된 답변
+20 포인트
돼지코구뇽
2014-02-04 (화) 16:05:16
p태그에 클래스를 주어도 되는데 p경우는 단어줄로 사용하니
.hidden tr {높이값} 을 주시면 될듯합니다.
답변에 대한 댓글 1개
2014-02-04 (화) 16:38:30
2018-11-03 (토) 19:22:16
저도 평소에 궁금해 하던거에요~ ^^;
l2zeo
2014-02-04 (화) 19:21:56
font-size 가 0 인것이 우선. line-height , overflow, 입니다.
답변에 대한 댓글 1개
l2zeo
2014-02-04 (화) 18:03:10
저럴땐 p 태그에 클래스를 따로 부여하셔서 쓰시는게 더 유용할거예요.
글로벌 css 처럼 말이죠.
<p class="blk" style="height:10px;">blank</p>
.blk {
width: 100%;
float: none;
clear: both;
font-size: 0 !important;
line-height: 0 !important;
overflow: hidden;
margin: 0 !important;
padding: 0 !important;
}
글로벌 css 처럼 말이죠.
<p class="blk" style="height:10px;">blank</p>
.blk {
width: 100%;
float: none;
clear: both;
font-size: 0 !important;
line-height: 0 !important;
overflow: hidden;
margin: 0 !important;
padding: 0 !important;
}
답변에 대한 댓글 2개
2014-02-04 (화) 18:57:58
역시, p를 닫아주는 게 정답이였군요. 채택된 질문에까지 이렇게 상세히 답변해주시다니 정말 고맙습니다. ^^*
2014-02-04 (화) 19:04:22
근데, blank 라는 글씨가 <p>태그 사이에 있는데, 왜 안보이는 거죠?
글자는 있는데, line-height를 0으로 줘서 그런 건가요?
글자는 있는데, line-height를 0으로 줘서 그런 건가요?
답변을 작성하려면 로그인이 필요합니다.
궁금한 게, 효과가 나타나려면 첫 번째 p에 나타나야 하는데, 왜 두 번째 p에 나타나는 것인지...ㅋ
아무튼, 일단은 <p></p> 처럼 </p>로 닫아주니까 적용이 되네요.