display:inline-block 속성으로 글자수만큼 늘어나고 다음행으로 위치할때..
ChocoHoilc
해당 css
.benefits_follow03 p {color:#fff; font-size:16px; padding:15px 20px; margin-top:1px; display:inline;}
.benefits_follow03 p.bakcol1 {background:#7f3097;}
.benefits_follow03 p.bakcol2 {background:#421250;}
마크업
div class=benefits_follow03
h4 class=mgb20Benefits/h4
p class=bakcol1Accommodation/p
p class=bakcol1Co-scholar/p
p class=bakcol1Entrance and exit allowances/p
p class=bakcol2Medical insurance coverage/p
p class=bakcol1Monthly stipend/p
p class=bakcol2Field trips/p
p class=bakcol1One-month orientation/p
p class=bakcol1Settlement allowance/p
p class=bakcol1Scholarship certificate of completion/p
p class=bakcol2Vacation leave/p
/div
질문1
현재 display:inline- ... 속성때문에 다음행으로 가질 않고 옆으로 붙어 있습니다.
예를들면 p class=bakcol1Accommodation/pbr/ 이런식으로
강제 줄바꿈없이 자연스럽게 밑으로 내려오게 할 수 없을까요?
전제조건은 100%가 아니라 글자수만큼 자연스럽게 백그라운드가 늘어나야 한다는 것입니다.
미약한 지식에 도움을 청합니다. ㅠ.ㅠ
질문2
css만으로 방법이 없다면 마크업 구조를 바꿔야 하는지 질문드립니다.
ie7에서도 적용되어야 합니다.
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2653721 | [플러그인]질문드립니다!! (3) | 이리온 | 2024-05-04 |
2653697 | 포문의 고수님들 도와주세여...포문이 복잡하네여.... | 족장 | 2024-05-04 |
2653671 | 메뉴 스크립트 문의드립니다. | 하루키 | 2024-05-03 |
2653637 | 자바 안드로이드를 시작하려고 합니다.이클립스 버전에 질문이. (3) | 영글 | 2024-05-03 |
2653578 | 소스 있는데 프로그램좀 만들어주실뿐.. (8) | 갤투 | 2024-05-03 |
2653550 | 첫화면에 인스타그램 피드 나오게 하고싶은데 | 눈 | 2024-05-02 |
2653528 | 이 두개 코드 차이점이 뭔가요? | 마중물 | 2024-05-02 |
2653444 | c# email을 db로 저장 시키기 (1) | 피네 | 2024-05-01 |
2653361 | 초보에유~ filter:gray; 이거 파폭에선 어케먹이나용 ㅠㅠㅋ | 마음새 | 2024-05-01 |
2653335 | 파일확장자 구하는 방법 질문을 합니다. (2) | 한가람 | 2024-04-30 |
2653305 | [질문] 무비클립과 텍스트 그냥 일반적으로 크기 축소시 문제.. | 한누리 | 2024-04-30 |
2653224 | 프린트하기 질문입니다. | 파라 | 2024-04-29 |
2653194 | 이미지에 텍스트 삽입 질문드려요 | 라임나무 | 2024-04-29 |
2653164 | 페이지 로딩시 특정 div 투명값 조절 (1) | 은별 | 2024-04-29 |
2653136 | C언어를 배우고있는 왕초보 프로그래머 지망생입니다 (2) | 베레기 | 2024-04-29 |
2653111 | 이렇게 레이아웃 짜는거 맞나요? (3) | 은G | 2024-04-28 |
2653089 | [질문]특정글자가 몇번째자이에 위치했는지 알아내는 방법 (1) | 유라 | 2024-04-28 |
2653065 | 사파리에서 플래쉬에 얹어지지 않는 div (2) | 말근 | 2024-04-28 |
2653038 | 바이트 스트림과 문자 스트림이 왜 있는거죠? (1) | 행복녀 | 2024-04-28 |
2653005 | 대시보드 한글지원 되는 테마와 안되는 테마 (1) | 난길 | 2024-04-27 |