如何在一行中移动图像或文本,使其不会失去响应性?

时间:2014-08-29 16:12:15

标签: css zurb-foundation

如何将图像移动到列的末尾?

我使用了float:right以及margin-left但是在使用它之后,列增加或减少了浏览器窗口的响应速度。

如何将图像移到左侧

<html>
<head>
<link rel="stylesheet" type="text/css" href="foundation.min.css">
</head>
<body>
<div class="row">
    <div class="small-12 medium-6 large-6 column">
    Login Register Contact Us
    </div>
    <div class="small-12 large-6 medium-6 column">
    <img src="facebook.ico" height="35px" width="35px">
    <img src="google+.ico" height="35px" width="35px">
    <img src="instagram.ico" height="35px" width="35px">
    <img src="twitter.ico" height="35px" width="35px">
    <img src="youtube.ico" height="35px" width="35px">
    </div>
</div>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

你可以更具体一点,给出截然不同的截图吗?

我在jsfiddle中测试过它:http://jsfiddle.net/m3xvsL1v/

我刚刚添加了一个包装器<div class="right"><img .../><img ... /></div>,使它们对齐。

我无法复制任何增加或减少色谱柱的尺寸。

希望这有帮助,