css - 如何在一行的列内移动图像或文本，使其不会失去响应能力？

如何将图片移动到列的末尾？

我使用了 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>

最佳答案

您能否更具体一些，例如提供正在发生的事情的屏幕截图？

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

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

我无法重现任何增加或减少列的大小。

希望对您有所帮助，

关于css - 如何在一行的列内移动图像或文本，使其不会失去响应能力？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25572133/