아래 소스는 span태그 앞에 css를 이용하여 원하는 이미지를 앞에 위치하고
창크기를 조절할시에 밑으로 줄바꿈이 되는데
그것은 white-space:nowrap을 이용하여 한 문장을 선택했을때 줄바꿈이 되게 만든다..
문제가 있었는데 중간에 선택해야 밑에 떨어졌을때 이미지가 보였다.
그래서 span태그에 사이즈를 지정해서 문제가 해결됐다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<STYLE TYPE="text/css">
#boolet_tbl span {
background: url(bl_div.gif) no-repeat 0 0.25em;padding-left: 13px;white-space:nowrap;
}
</STYLE>
</HEAD> <BODY>
<table style="width:100%;" border="1px" id="boolet_tbl">
<tr><td>
<span style="width:10%;">인사과(10)</span>
<span style="width:10%;">인사과(10)</span>
<span style="width:10%;">인사과(10)</span>
<span style="width:10%;">인사과(10)</span>
<span style="width:10%;">인사과(10)</span>
</td></tr>
</table>
</BODY>
</HTML>
2008. 9. 17. 13:14