스크랩
  View Articles

작성자  
   achor ( 2010-03-08 00:04:32 Hit: 719 Vote: 0 )
홈페이지  
   http://empire.achor.net
분류  
   웹표준
제목  
   span inline-block

그간 구문이나 단어를 정리하고 표현할 때 span tag를 많이 활용했었는데
웹표준을 따르고자 하니 문제가 되더라.

span의 경우 inline element이기 때문에 공간의 개념이 없고,
따라서 width나 margin 등의 style을 쓸 수 없는 상황.

찾아보니 이런 방법이 있더군.

style 속성 중 display 값을 inline-block로 설정하여
inline element를 block element로 변경하는 것.

ex.
<span style="display:inline-block; width:200px; background-color:#CCCC">가나다라</span>마바사아

그 외 div나 p 등의 태그를 쓴 후 float를 left로 해도 된다고 하는데 해보지는 않았노라.

- achor

Tag


Name		 Memo Check  


Password
 23   2   1
번호
분류
파일
제목
작성자
작성일
조회수
추천
23PHPDownload: 5, Filesize: 3.2 KB
   PHP fsockopen을 활용한 Twitter message 전송
achor 		2010/07/182340
22Windows 
   Windows 2008 R2 IIS계정별 ftp 설정
achor 		2010/07/112130
21휴대폰 
   Smart Phone User Agent
achor 		2010/04/179500
20PHPDownload: 61, Filesize: 3.5 KB
   Twitter: send message from a PHP page
achor 		2010/03/2216630
19웹서버 
   WebKnight 설정
achor 		2010/03/2111590
18웹표준 
   body scrollTop
achor 		2010/03/0911220
17웹표준 
   span inline-block
achor 		2010/03/087190
16Graphic 
   Open Sumo Paint (Web Photoshop)
achor 		2010/03/039290
15동영상 
   WMV, FLV 간 파일 변환
achor 		2009/09/2832140
14Windows 
   Windows XP에서 네트워크 수준 인증(NLA) 활성화
achor 		2009/09/2314070
13PHP 
   한글 Charset 파악 코드
achor 		2009/09/1719230
12Windows 
   Windows7 부팅USB 제작
achor 		2009/07/2017310
11FileDownload: 493, Filesize: 162.4 KB
   ISO, LCD 간 파일 변환
achor 		2009/07/1323710
10FileDownload: 117, Filesize: 808.0 KB
   BMP, JPG 간 파일 변환
achor 		2009/07/0618370
9Windows 
   Windows Server 2008에서의 디스크정리
achor 		2009/03/1920980
8PHP 
   Using FastCGI to Host PHP Applications on IIS 7.0
achor 		2009/03/0223770
7FileDownload: 86, Filesize: 1.30 MB
   파일명 일괄 변경
achor 		2008/07/2218640
6동영상Download: 1413, Filesize: 2.50 MB Download: 1413, Filesize: 2.69 MB
   FLV, AVI 간 파일 변환
achor 		2008/06/0135230
5구글 
   구글 애드센스(AdSense) 수표 현금으로 바꾸기 [1]
achor 		2008/05/2119210
4휴대폰Download: 412, Filesize: 2.72 MB
   LG Data Manager v1.3
achor 		2007/12/0624110
1  2 
achorWEbs v7.3.0.6.100315 / skin: achor / theme: Styx
  당신의 추억

ID  

  그날의 추억

Date  

  Poll
Who's better 김대중 or 노무현?

김대중
노무현

| Vote | Result |
qrcode
First Written: 12/01/2007 07:20:09
Last Modified: 03/21/2010 16:13:14
Optimized in IE8, ScrPx1280x1024