파이어폭스 자동줄바꿈 되게 하는 방법
보아라
파이어폭스에만 적용되는 핵은 없나요?
사용법을 자세히 설명해주심 감사하겠습니다~.
span에 영문으로 띄어쓰기 없이 쭉 쓸 경우, 자동줄바꿈이 되지 않는 문제를 해결하는 중인데
ul li span {display:inline-block;*display:inline;zoom:1;text-overflow:clip; overflow:hidden;word-break:break-all;}
이렇게 작성했더니 ie8이나 다른 브라우저에서는 문제가 없는데
파이어폭스에서 안되서
word-break:keep-all;word-wrap:break-word;
이렇게 파이어폭스에 먹는 속성만 따로 넣고 싶은데 핵을 잘모르겠어요..
1. @-moz-document url-prefix() { div#header h1 {font: 1.2em bold arial;} }2. selector:not([attr*=]) { property: value; }3. :root셀렉터의 앞에 붙이면 mozilla, firefox, mac IE5, safari등에 적용된다.
이런 방법들이 있다고 해서 써봤는데 적용이 안되는거 같아서요.
어떻게 작성하는 건지도 잘 모르겠구요... ㅠㅠheadmeta http-equiv=Content-Type content=text/html; charset=utf-8 /titleUntitled Document/titlestyleul li {list-style:none;width:500px;}ul li span {display:inline-block;*display:inline;zoom:1;text-overflow:clip; overflow:hidden;word-break:break-all;}#ul li span {word-break:keep-all;word-wrap:break-word;}/style/headbodyul li긴 웹 사이트 주소를 기억하지 않더라도 이전에 방문한 사이트 목록을 주소창에서 바로 찾아 드립니다. 방문 기록, 북마크 및 탭 정보에서 한 두번의 타이핑으로 가능합니다. 스마트 주소창은 여러분이 주로 방문한 웹 사이트 위주로 순위를 맺어 개인적인 선호에 따라 보여 주게 됩니다. 더 빠르게 웹 서핑을 하도록 도와 드립니다./li lispanfffffffffffffffffffffffffffffffffffffffffffffffffffffffddddddddddddddddddddddddddddddddddddddwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww/span/li/ul/body
일단 실험용으로 작성한 건 위와 같구요.제가 테스트 해본 바로는 ie8도 줄바꿈 잘 되고, 파이어폭스에만 먹는 걸로 바꿔서 테스트 할떼두 잘 나오더라구요.
핵만 알면 될거같은데...
부탁 좀 드릴꼐요.~.