Html Flexbox和UL/LI在布局中的文章中-如何确保其正确配合？
这是我的代码的框架，目前是内联CSS，因为它只是测试，因为内联CSS主要是不鼓励的 由于某种原因，文章Html Flexbox和UL/LI在布局中的文章中-如何确保其正确配合？,html,css,Html,Css,这是我的代码的框架，目前是内联CSS，因为它只是测试，因为内联CSS主要是不鼓励的 由于某种原因，文章li.infoheader1中的文本不会向右移动，即使我在CSS中将其对齐 一般来说，文章中的列表是否适合这种情况（汽车展厅销售页面列表模板），或者是否有更好的替代方案 它最初是一个HTML表，后来变成了语义HTML5形式的HTML5，和，什么时候它们比div更合适 我正在尝试制作一个简单的模板，它很容易用于MVC，这里是静态形式，因此PHP现在不相关，但是如果下载它的个人希望能够调整它以在MV
li.infoheader1div正文{
字体系列：Verdana，无衬线；
字体大小：16px；
}
保险商实验室{
显示器：flex；
柔性包装：包装；
}
李{
列表样式：无；
柱跨度：3；
显示器：flex；
保证金：5px；
宽度：计算值（100%/3）；
}
李英明{
宽度：140px；
保证金：5px；
}
第li.infoheader条{
背景颜色：蓝色；
颜色：白色；
保证金：0；
填充：3倍；
}
第li.infoheader1条{
背景颜色：蓝色；
颜色：白色；
保证金：0；
填充：3倍；
文本对齐：右对齐；
}
本田思域2.0 VTEC EX 4dr
- 5995英镑
- 2009年，蓝色，60000公里
- ✆；555-0100-0000
- DETHLEFFS ESPRIT I7010 2.3 TD
- 36995英镑
- 2010年，4泊位
- ✆；555-0100-0000
> p>也许考虑使用FrasBox来定位要正确对齐的内容。如果这对您有效，您可能会丢失text align属性
article li.infoheader1 {
display: flex;
justify-content: flex-end;
background-color: blue;
color: white;
margin: 0;
padding: 3px;
}
text align:right
无效，因为您已在li
上设置了display:flex
。如果要使用flexbox，我建议不要使用li
作为内联内容的容器li