css - 不使用 float 对齐

标签 css html css-float

我正在尝试让我的网站响应,但我遇到了一些麻烦。当屏幕尺寸缩小时,导航链接会移动到 Logo 下方。因为我使用了 float:right,所以我不得不将导航链接倒序放置。我还希望 Logo 随导航缩放,但我还没有想出使用 wrappers 的方法。

这是我的 fiddle :http://jsfiddle.net/y9YsK/

最佳答案

您可以使用display:inline 这实际上是对齐菜单项的首选方法

参见 FIDDLE调整

附注我的更正不允许响应。如果在缩小窗口大小时需要菜单保持水平,则必须使用@media 查询和响应式框架来获得该效果。更不用说当尺寸减小到小于 480px 时的汉堡菜单。除此之外。效果很好

关于css - 不使用 float 对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22638038/

相关文章:

css - 从一幅图像过渡到另一幅图像

html5验证错误输出

html - 使用文本触及顶部和底部边框创建标题的最佳方法

html - 需要帮助理解 "position"和 "float"的 css

CSS div 即将内联

javascript - 检查表 tr 是否有类,然后在悬停事件上删除并添加新类

php - 如果用户滚动(JQuery),则禁用 div 上的自动刷新

css - 将父级扩展为 float 子级 div

html - 什么时候可以在 css 中使用百分比?

php - 如何从远程服务器收集 HTML 源响应?