css | 넓이 100%에 25%씩 4개값을 줬는데 줄바꿈 되는 경우 ㅠㅠ

무료아이콘 전체게시물 작성일18-07-17 12:14 조회171회

본문

아래 링크대로 해서 해결했네요 -0 -

http://malza.com/bbs/board.php?bo_table=webskill_css&wr_id=132 


위에 링크를 참고하세요 


 

넓이 100%에 25%씩 4개값을 줬는데 줄바꿈 되는 경우 ㅠㅠ 

 

아래의 예제!

 

아래와 같이 빈 여백이 없이<li></li>를 다다닥 붙여놔도 여전히

줄바꿈이 된 상태ㅠㅠ 휴

 

f34367132171d57e5ffbfc7b85b96f0b_1531795
공백을 없애고,

다른 방법으로 아래와 같이 해도 안 됨 훔!!!

 

ul {word-spacing: -1em;
    font-size: 0;
    line-height: 0;
    letter-spacing: -1px;}

li {display: inline-block;
    font: normal 13px/1.3 "Trebuchet MS", Helvetica, sans-serif;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;}

 

 

아... 찾아봐도 모르겠고 -_-;;;;;;;;;;;;;

그냥 부트스트랩 처럼 - -;;

 

소수점 이용해서 처리 -_-;;;;;;;

 

width 30%

width 70% 있다면

 

 

width 69.3333333%  --;;;;

 

소수점이 아니더라도 padding이나 border값이 들어갈 경우

깨짐 즉 밀림 현상이 일어남 -_-;

 

border-box를 적용하고도 해결이 안 됨

*{

box-sizing: border-box;

  -ms-box-sizing: border-box;

  -moz-box-sizing: border-box; 

  -webkit-box-sizing: border-box;

}

 

 

제일 중요한 건 body사이에

<meta http-equiv="X-UA-Compatible" content="IE=edge"/> 

이걸 선언해 놓는거 -_-

 

 

 

비회원도 추천 가능합니다.
유익한 정보였다면, 추천해주세요

추천 1 비추천 0

댓글목록

무료아이콘님의 댓글

무료아이콘 전체게시물 작성일

ul {word-spacing: -1em;
    font-size: 0;
    line-height: 0;
    letter-spacing: -1px;}

li {display: inline-block;
    font: normal 13px/1.3 "Trebuchet MS", Helvetica, sans-serif;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;}

이 방법도 먹힘 -_-;;;;;;;;;;;;;;;

Css + Html

113개의 게시물
목록
읽기: 1P (1lv), 쓰기: 100P (3lv), 덧글: 10P (2lv), 다운: -10P (2lv)
Css + Html 목록
번호 제목 아이디 날짜 조회수 추천
113 부트스트랩 부트스트랩 모달 (modal) 클릭시 오른쪽에 생기는 여백 17px없애기 무료아이콘 전체게시물 10-12 65 추천: 1
112 css 에어콘 출판사 메인 콘텐츠 레이아웃 관련링크 무료아이콘 전체게시물 09-13 76 추천: 1
111 css float 중앙 정렬 시키기 무료아이콘 전체게시물 09-11 107 추천: 1
110 css 모바일에서 입력창 input 클릭시 확대되는 거 막기 관련링크 무료아이콘 전체게시물 09-04 94 추천: 1
109 jQuery/java 다양한 사이드바 소스 사이드바 플러그인 관련링크 무료아이콘 전체게시물 09-02 92 추천: 1
108 css 크롬 노란 input 배경 없애기 무료아이콘 전체게시물 08-27 134 추천: 1
107 css input에 입력폼에 글자 미리 넣어두기 무료아이콘 전체게시물 08-25 94 추천: 1
106 css 마진 여백 사용시 %넓이 깨지는 경우와 width100%밀림 깨짐 해결하기 무료아이콘 전체게시물 08-17 314 추천: 1
105 etc 브라우저 별 CSS 핵 관련링크 무료아이콘 전체게시물 08-09 113 추천: 1
104 css 목록(리스트)형식의 css에 텍스트 블릿 사용하기 무료아이콘 전체게시물 08-08 78 추천: 1
열람 css 넓이 100%에 25%씩 4개값을 줬는데 줄바꿈 되는 경우 ㅠㅠ 댓글1 무료아이콘 전체게시물 07-17 172 추천: 1
102 부트스트랩 동영상 슬라이드 댓글2 관련링크 무료아이콘 전체게시물 01-20 1411 추천: 16
101 부트스트랩 다중,멀티 스타일시트 우선순위 무료아이콘 전체게시물 01-19 1665 추천: 15
100 부트스트랩 부트스트랩 nav 높이를 높였을 때 다른 div 와 겹치는 현상 무료아이콘 전체게시물 01-17 1049 추천: 14
99 부트스트랩 부트스트랩에 swiper로 네이버 터치 스크롤링 메뉴 만들기 관련링크 무료아이콘 전체게시물 01-17 4158 추천: 15
게시물 검색