이 jsfiddle에서 내 코드를 살펴보십시오. 텍스트가 이미지 주위를 감싸지 않는 이유는 무엇입니까? 그곳에 말장난 코드가 있습니다. 나는 그것을 틀린 장소에 넣었 느냐? 나는 완전히 이미지 주위에 텍스트를 포장하는 당신의 욕망을 이해하고있는 경우IMG 워드 랩 문제에 맞습니까?
이
style="word-wrap: break-all;"
style="word-wrap: break-word;"
http://www.alistapart.com/d/crosscolumn/example4.html 그냥 당신을 위해 예를 만들어 : 이미지 녹색 및 빨강 단락이 있습니다 http://jsfiddle.net/HBsxK/1/
. 둘 다 동일하지만 단락 안의 텍스트가 다릅니다.
상단의 1 개 (녹색)를 의미합니까?
낮은 단어는 단어 분리 (공백)가 없으며 의미있는 단어가 없습니다 (브라우저가 알고있는 방법, "dgkl;"과 같은 의미있는 방식으로 하이픈을 넣거나 끊는 방법). fgdkl; fdgkl; fgdk; fdgk; dfgskljfdgjkldfgk; dfgsk; dfgskfdgkfgdkl; fgjd; flkgjdfgdfgsdfgjkdfgjdfgdfgdfgdfgjfdgsjf "인간이 알 수 없기 때문에).
...이 두 단어가 내가 아는 한, 내 코드 내부에 래핑 사용하는 것입니다 I 돈 이것이 가능한 방법을 알지 못한다. 이미지를 왼쪽 또는 오른쪽으로 플로트합니다. 불행히도 레이아웃이 더 '잡지와 같은 모양'으로 보이게하는 float : center가 없습니다. 현재 위치 등이와 다시 코드로 텍스트를 분할해야합니다 :
그게 내가 무엇을 목표로하는지 ... 이미지가 왼쪽이고, 제목이 없으며 오른쪽 텍스트가 이미지 아래로 떨어집니다. –
jsFiddle HTML이 유효하지 않습니다. ''과 같은 요소와 '^'같은 왼쪽 표식도 있습니다. HTML을 정리하고 모든 스타일을 CSS 파일로 먼저 이동하십시오. –
Dai