尽管屏幕大小，我如何保持元素对齐？

-3

我对编程相当陌生，只是想知道如何将元素保留在自己的位置，而不管用户的屏幕大小。更具体地说，当用户更改屏幕宽度时，如何保持顶部对齐的列表从推到下一行。我已经寻找了一段时间的答案，但一直没能找到任何东西;可能是我只是不知道要搜索什么。这里是我的列表中的CSS部分代码：}尽管屏幕大小，我如何保持元素对齐？

li { 
display: inline-block; 
text-decoration: none; 
margin: 2px 4px 3px 4px; 
list-style-type: none; 
float: left; 
display: table-cell; 
display: fixed; 
background-color: 362C24;

来源

2015-06-25 Snyda

请发布您的代码，您已经尝试过，并尝试给我们一个更好的问题描述。可能有很多方法可以实现你想要的东西，但没有什么是一般的，并且在任何情况下都会一直工作。 – Drown

问题是，当我缩短屏幕大小的宽度时，它只是将顶部对齐的项目列表推到下一行。我想要它做的只是保持列表固定在那里，并允许屏幕大小改变，而不改变页面的外观。我试图做一些显示和定位的东西，比如绝对地做一个表格单元显示。正如我所说，我相当新，所以我尝试的基础不是很宽泛。 – Snyda

请不要标记您正在使用的编辑器，除非您对此有疑问。没人在乎。 – MattDMo

你可以使用静态定位（http://www.w3schools.com/css/css_positioning.asp），但我不认为这是你想做的事，当你的编程什么响应式设计。您可以使用弹性盒（https://css-tricks.com/snippets/css/a-guide-to-flexbox/），但如果没有空间放置某个东西，它将相应地定位。每个人都在寻找不同大小的屏幕，你想要容纳每个人。在绝对位置固定东西可能对桌面很好，但对于大量的视口大小，我不推荐它。

来源

2015-06-25 22:22:06 cameck

尽管屏幕大小，我如何保持元素对齐？

回答

相关问题