2011/12/16 15:30
대문자와 소문자 On/HtmlCss2011/12/16 15:30
1. 소문자로만 입력받게
style="text-transform:lowercase"
2. 대문자로만 입력받게
style="text-transform:uppercase"
3. 첫번째 글자를 대문자로
style="text-transform:capitalize"
'On/HtmlCss'에 해당되는 글 225건
- 2011/12/16 대문자와 소문자
- 2011/12/11 첨자
- 2011/06/20 블로그 편집 약식 - 편집기 여는 html 간단히
- 2011/06/18 긴 제목 짧게
- 2011/06/10 제목을 매우 길게 적으면 어떻게 될까?
2011/06/20 10:46
블로그 편집 약식 - 편집기 여는 html 간단히 On/HtmlCss2011/06/20 10:46
<s_ad_div>
<div class="admin">
<a href="[ㅅㅅ_s_ad_m_link_ㅅㅅ]" title="수정">E1</a> :
<a href="#" onclick="[ㅅㅅ_s_ad_m_onclick_ㅅㅅ]" title="수정(창으로)">E2</a> |
<a href="#" onclick="[ㅅㅅ_s_ad_t_onclick_ㅅㅅ]" title="관련글(트랙백)">T</a> |
<a href="#" onclick="[ㅅㅅ_s_ad_d_onclick_ㅅㅅ]" title="삭제">D</a> |
<a href="#" onclick="[ㅅㅅ_s_ad_s2_onclick_ㅅㅅ]" title="[ㅅㅅ_s_ad_s2_label_ㅅㅅ]">M</a>
</div>
</s_ad_div>
<div class="admin">
<a href="[ㅅㅅ_s_ad_m_link_ㅅㅅ]" title="수정">E1</a> :
<a href="#" onclick="[ㅅㅅ_s_ad_m_onclick_ㅅㅅ]" title="수정(창으로)">E2</a> |
<a href="#" onclick="[ㅅㅅ_s_ad_t_onclick_ㅅㅅ]" title="관련글(트랙백)">T</a> |
<a href="#" onclick="[ㅅㅅ_s_ad_d_onclick_ㅅㅅ]" title="삭제">D</a> |
<a href="#" onclick="[ㅅㅅ_s_ad_s2_onclick_ㅅㅅ]" title="[ㅅㅅ_s_ad_s2_label_ㅅㅅ]">M</a>
</div>
</s_ad_div>
2011/06/18 15:39
긴 제목 짧게 On/HtmlCss2011/06/18 15:39
해법1.
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
width:500px;
이렇게 스타일을 지정해주면 긴 제목이 잘린 채 줄넘침이 사라짐.
그런데, 제목앞에 이미지가 있을 경우 이미지 스타일 무시되어 줄이 안맞는 작은 문제 있음
해법2.
스타일에는 text-overflow:ellipsis; overflow:hidden; width:500px; 만 적고
white-space:nowrap; 을 제외시키고
웹페이지 코드에 <nobr>긴 제목</nobr>을 넣어주면
원하는 결과가 나올 수 있다 - 줄바뀜됨. 잘리지는 않지만, 줄바꿈되어도 전체적인 스타일에 지장안줌.
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
width:500px;
이렇게 스타일을 지정해주면 긴 제목이 잘린 채 줄넘침이 사라짐.
그런데, 제목앞에 이미지가 있을 경우 이미지 스타일 무시되어 줄이 안맞는 작은 문제 있음
해법2.
스타일에는 text-overflow:ellipsis; overflow:hidden; width:500px; 만 적고
white-space:nowrap; 을 제외시키고
웹페이지 코드에 <nobr>긴 제목</nobr>을 넣어주면
원하는 결과가 나올 수 있다 - 줄바뀜됨. 잘리지는 않지만, 줄바꿈되어도 전체적인 스타일에 지장안줌.
2011/06/10 14:59
제목을 매우 길게 적으면 어떻게 될까? On/HtmlCss2011/06/10 14:59
내 예상대로라면,
코드를 챙겨볼 터
<div class="titleWrap">
<h2><a href=""></a></h2>
</div><!-- titleWrap close -->
vs
<h2 class="titleWrap"><a href=""></a></h2>
이렇게 해두면 긴 제목에서 보기가 허트러진다?
정답은 height의 지정여부였음. - 높이를 지정말아야 정상보임
