전체 글485 [CSS] 텍스트 줄바꿈 처리 word-break, white-space 작업을 하다보면 텍스트가 정해진 width를 넘어가는 경우 어떻게 처리해야 하나 고민이 될 때가 있습니다. 그럴 때는 상황에 따라서 이 것들을 사용해서 해결해주면 좋을 듯 합니다. word-break word-break 는 말 그대로 단어를 자르는 겁니다. 기복적으로 줄이 넘어갈 때는 단어단위로 잘려서 넘어가게 되어 있습니다. 그래서 띄어 쓰기를 하지 않고 글을 쓴다면 한 단어로 인식하여서 width 를 넘어가도 줄바꿈이 되지 않습니다. 그럴 때 word-break 를 사용해주면 줄바꿈이 가능하게 됩니다. 1 .selector {word-break:break-all;} 위와 같은 속성을 주게되면 위의 그림의 아래 부분과 같이 단어 중간에서도 줄바꿈이 가능하게 됩니다. 위의 그림이 잘 이해가 가지 않는다면.. 2018. 10. 28. [html] table-layout 속성을 이용하여 테이블 고정하기 이 문제는 크롬에서는 발견되지 않으나, 익스플로러에서는 자주 발견된다. table-layout 속성값을 fixed로 지정하면 셀안의 데이터가 길어서 지정한 너비 이상으로 셀을 밀어버리는 것을 방지한다. 보통 셀안의 내용이 한글인 경우 공백이 중간 중간에 들어가므로 자동으로 지정한 너비에서 줄바꿈이 일어난다. 셀안의 데이터가 한글인 경우 지정한 셀의 크기에 따라서 자연스럽게 줄바꿈이 일어납니다. 테이블의 너비가 200픽셀로 셀안의 내용에 비해서 좁더라도 아래와 같이 자연스럽게 줄바꿈이 일어난다. 그런데 위처럼 데이터가 한글인 경우 지정한 셀의 크기에 따라서 자연스럽게 줄바꿈이 일어 나지만 홈페이지 주소와 같이 영문으로 공백이 없는 경우는 셀을 밀어버리는 현상이 발생한다 http://teck10.tistor.. 2018. 10. 28. [css] html 모서리 둥글게 하기 / div 모서리 둥글게 하기 / border-radius Cascading Style Sheets 통칭 css에서 div로 이루어진 사각형 또는 이미지의 모서리를 둥글게 하고 싶은 경우가 있다. 그럴땐 어떻게 하느냐?? 생각보다 어렵지 않다. 사각형을 가지고 직접 예를 들어보자. 아래의 사각형은 div로 이루어진 것이다. width:300px; height:120px; border:2px solid #000000;" 여기서 border의 radius 속성을 이용하면 사각형의 모서리가 둥글게 된다. 얼마나 둥글게 되냐면 아래의 그림과 같다. border-radius:20px; 일 경우 반지름이 20px인 만큼 테두리가 둥글게 되는 것이다. border-radius 를 적용하면 아래처럼 된다. width:300px; height:120px; border:2px s.. 2018. 10. 28. jsp 날짜 처리 JSP를 사용하는 중요한 장점 중 하나는 모든 자바 API를 사용할 수 있다는 것이다. 이 장에서는 상세하게 java.util의 패키지에 현재 날짜와 시간을 캡슐화하는 자바 Date 클래스에 대해 설명합니다. Date 클래스는 두 개의 생성자가 있습니다. 최초의 생성자는 객체를 초기화하는 현재 날짜 및 시간을 사용한다. 1 Date( ) 두 번째 생성자 (밀리 초)을 표현하는 1970년 1월 1에서 이른 아침에 나타내는 매개 변수를 받아들입니다. 1 Date(long millisec) Date 객체를 획득 한 후에는 다음 표에 나열된 모든 방법을 사용할 수 있습니다 현재 날짜와 시간을 가져옵니다 다만이 같은 라인에 Date 객체의 toString () 메서드를 사용하여 쉽게 현재 날짜와 시간을 얻을 수 .. 2018. 10. 28. The type Date is ambiguous 에러 The type Date is ambiguous java.util 을 import 시키지 않으면 d = newDate(); 이 문장에서 오류가 나고 DB 연동을 해야 해서 java.sql과 java.util을 동시에 import 시키면 위와 같은 오류가 난다. 이유는 java.util.Date와 java.sql.Date 클래스 둘다 참조하기 때문에 어떤 Date를 써야할지 모르기 때문이다. 그래서 import에서 두 패키지를 import 할 경우 클래스 선언 부분에서 패키지 까지 정의해주면 정상적으로 나온다. java.util.Date d = new java.util.Date(); 또는 java.sql.Date d = new java.sql.Date(); import시 사용하는 클래스만 impo.. 2018. 10. 28. [JAVA] String to Date, Date to String 형변환 String to Date 1 2 3 4 5 String from = "2013-04-08 10:10:10"; SimpleDateFormat transFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); Date to = transFormat.parse(from); Date to String 1 2 3 4 5 Date from = new Date(); SimpleDateFormat transFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); String to = transFormat.format(from); 2018. 10. 28. 인터넷 익스플로러(Internet Explorer 11) 인증서 오류 해결하는 방법 인터넷 익스플로러(Internet Explorer 11) 인증서 오류 해결하는 방법환경: Internet Explorer 11익스플로러를 사용하다 보면 인증서 오류가 발생할 때가 있다.대부분 인증서 오류는 웹사이트 측의 유효 기간이 지나서 발생하는 것인데, 보통 자신의 컴퓨터에 시간 오류가 있는 경우 발생한다. 인터넷 익스플로러 인증서 오류가 날 때 해결 방법 ▼ 먼저 문제 해결을 하기 전에 컴퓨터 시간을 점검해본다.만약 컴퓨터 시간이 현재 시간과 차이가 있다면 동기화를 통해 서버 시간과 맞춰야 한다다. 혹시 이방법으로 해결이 된다면 다행이지만 안된다면 인터넷 옵션에서 설정을 변경해줘야 한다. 이렇게 설정이 끝난 후 다시 웹 페이지를 재시작 하면 수정 끝 인증서 오류 해결하는 방법 2018. 10. 28. [css] CSS를 이용한 마우스 커서 모양 지정 cursor 속성을 이용하면 마우스 커서의 형태를 지정할 수 있습니다. 아주 간단하므로 예제를 보시면 금방 이해가 됩니다. Auto Crosshair Default Pointer Move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help아래 예제에서 글자위에 마우스를 올리면 모양이 변합니다. AutoCrosshairDefaultPointerMovee-resizene-resizenw-resizen-resizese-resizesw-resizes-resizew-resizetextwaithelp 2018. 10. 28. Layer Pop-up (레이어 팝업) http://webclub.tistory.com/189 참조함 html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 일반 팝업레이어 Thank you. Your registration was submitted successfully. Selected invitees will be notified by e-mail on JANUARY 24th. Hope to see you soon! Close 딤처리 팝업레이어 1 Thank you. Your registration was submitted successfully. Selected invitees w.. 2018. 10. 7. 이전 1 ··· 37 38 39 40 41 42 43 ··· 54 다음
