Question

我已经投入了一个坚实的时间，无法到达任何地方。

在响应式网站上工作。

在一个Div中，我有两篇文章在左边是文字，右边是图片，我无法让文字环绕图像，我已经尝试在图像上设置高度，浮动，边距，文本对齐，随机的其他尝试。

IDK为什么但CODE是不可能的，我必须手动缩进每一行！？它不会为我工作。附加jsfiddle .... http://jsfiddle.net/A8QkE/

请帮忙（：

感谢。

.wrap {
width: 66.66666666666667%;
margin-left: auto;
margin-right:auto;
margin-top: 200px;  
color: #fff;

}

.nodiv p {
float: left;
/*    text-align: left;*/
display:inline;
/*    word-wrap:break-word;*/
 }
.nodiv img {
 float: right;   
 /*display: inline;    */
    /*height: 300px;*/
      /*    margin:0;*/
 }

http://i.imgur.com/QpN7fiu.png

Answer 1

如果您希望文本换行图像，则无法使用浮点数。

.nodiv p {
   float: left;
   /*    text-align: left;*/
   display:inline;
   /*    word-wrap:break-word;*/
 }
 .nodiv img {
 float: right;   
 /*display: inline;    */
  /*height: 300px;*/
  /*    margin:0;*/
 }

查看代码http://jsfiddle.net/A8QkE/2/

Answer 2

我刚修改了这个css属性，它避免了段落占据整个空间：

article p {
   width: 49.91666666666667%; /* DELETE THIS LINE */
  /* 460/960    */
  text-indent:4.34782608695652em;
  padding: 10px 5px 2px 10px;
  text-align: left;
}

div内的文本拒绝环绕图像

2 个答案: