Html 列表中文本的对齐方式，具有较少的层次和优化

我需要你的专业帮助与我的代码！ 我开始学习网络开发，现在我的项目遇到了问题

我不明白如何处理网页上的图层。如果我想创建自适应站点，在调整浏览器窗口大小期间，我的层是重叠的。如何使我的Pin在适当的形式下更具适应性

以及如何在菜单的列表中对齐对象（在我的代码->div用户中；用数字圈出）（？）

@import'https://fonts.googleapis.com/css?family=Open+无；
@绿色：#2ECC71；
@白色：#E4F1FE；
身体{
保证金：0；
}
.标题{
位置：固定；
宽度：100%；
高度：90px；
背景色：@绿色；
}
.用户{
保证金：0；
位置：绝对位置；
显示器：flex；
宽度：自动；
最高：5%；
左：10%；
.姓名{
位置：相对位置；
显示器：flex；
左：25px；
顶部：25px；
颜色：@白色；
字体系列：“开放式Sans”，无衬线；
}
保险商实验室{
保证金：0；
位置：相对位置；
显示器：flex；
左：10px；
对齐项目：居中；
}
李{
位置：相对位置；
列表样式：无；
显示：内联；
证明内容：中心；
宽度：60px；
高度：60px；
边界半径：50%；
保证金：0px 15px 0px 0px；
背景色：深色（@绿色，2%）；
}
}
.阿凡达{
宽度：80px；
高度：80px；
边界半径：50%；
}
.菜单{
位置：相对位置；
顶部：20px；
显示器：flex；
证明内容：中心；
保证金：0；
李{
列表样式：无；
}
a{
字体系列：“开放式Sans”，无衬线；
文字装饰：无；
宽度：100px；
显示器：flex；
证明内容：中心；
填充：15px 15px 15px 15px；
背景色：深色（@绿色，2%）；
边界半径：100px；
保证金：0px 5px 0px 5px；
颜色：@白色；
&：悬停{
背景色：浅色（@绿色，10%）；
边框底部：2倍纯色（绿色，25%）；
}
&：活动{
边框底部：2倍纯色（绿色，25%）；
}
}
}

用户名


一,
二,

您应该学习引导网格系统：

---

它会帮助你的

您应该学习引导网格系统：

---

它会帮助你的

你绝对应该研究学习网格系统，以及如何根据包含内容的可堆叠“块”来看待你的站点，而不是需要在页面上以不同屏幕大小移动的一堆单独项目

因此，不要将图像、列表和按钮视为静态制作的东西，而是将它们视为一组内容，然后堆叠在移动设备上，如：

我完全同意lwozniak的观点，即学习和使用众多响应性前端框架中的一个，将为您提供一个很好的结构来实践和学习网格系统

您可以选择使用各种框架（我们个人使用UIKit，但您应该使用您认为最适合自己的框架，大多数框架都使用Bootstrap！）：

• 引导
• UIKit
• 基础

---

你绝对应该研究学习网格系统，以及如何根据包含内容的可堆叠“块”来思考你的站点，而不是需要在页面上以不同的屏幕大小移动一堆单独的项目

因此，不要将图像、列表和按钮视为静态制作的东西，而是将它们视为一组内容，然后堆叠在移动设备上，如：

我完全同意lwozniak的观点，即学习和使用众多响应性前端框架中的一个，将为您提供一个很好的结构来实践和学习网格系统

您可以选择使用各种框架（我们个人使用UIKit，但您应该使用您认为最适合自己的框架，大多数框架都使用Bootstrap！）：

• 引导
• UIKit
• 基础

---

感谢您的意见！我试试。谢谢你的意见！我试试看。