Question

当text-align：left
时，如何将div内容置于float right div中

<html><head></head><body>
    <div class="top">top</div>
    <div class="fleft"></div>
    <div class="fright">
    <h1>this is heading</h1>
    <p>* test 1test 1test 1 </p>
    <p>* test 1test 1test 1 </p>
    <p>* test 1test 1test 1 </p>
    <p>* test 1test 1test 1 </p>
    </div>
</body>
</html>

link

Answer 1

只需将 text-align：center 添加到您的媒体查询

即可

   @media screen and (max-width : 360px) {

      .top{width: 100%;}

      .fleft{width: 100%;}

      .fright {
          width:100%;
          text-align:center;
      }
   }

http://jsfiddle.net/wilsoda/4yv8emm1/

如果您希望内容包装居中但文本对齐左边只需添加内部 div，无论您想要的宽度如何。

@media screen and (max-width : 360px) {
.top {
    width: 100%;
}
.fleft {
    width: 100%;
}
.fright {
    width:100%;
}
.inner {
    width:70%;
    margin:0 auto;
}
}

http://jsfiddle.net/wilsoda/5g2ccd4p/

希望这有帮助！

当@media屏幕和（max-width：360px）它应该在中心时，如何将右div的内容置于中心位置

1 个答案: