Css 如何使内容li标记在第一个文本中对齐
我的Css 如何使内容li标记在第一个文本中对齐,css,listitem,Css,Listitem,我的li标签有问题。我希望我的内容保持一致。 只需将display:flex添加到li ulli{ display:flex;//只需将一个display:flex添加到li ulli{ display:flex;//请尝试以下代码: li { padding-left: 35px; margin-bottom: 10px; font-size: 22px; color: #000; line-height: 150%;
li
标签有问题。我希望我的内容保持一致。
只需将
display:flex
添加到li
ulli{
display:flex;//只需将一个display:flex
添加到li
ulli{
display:flex;//请尝试以下代码:
li {
padding-left: 35px;
margin-bottom: 10px;
font-size: 22px;
color: #000;
line-height: 150%;
position: relative;}
.banner_checklist li:before {
content:"\2B58";
font-size: 14px;
color: #f7941d;
margin-right: 10px;
position: absolute;
left: 0;
top: 0;}
例如:
请尝试以下代码:
li {
padding-left: 35px;
margin-bottom: 10px;
font-size: 22px;
color: #000;
line-height: 150%;
position: relative;}
.banner_checklist li:before {
content:"\2B58";
font-size: 14px;
color: #f7941d;
margin-right: 10px;
position: absolute;
left: 0;
top: 0;}
例如:
您可以将before设置为100%的高度吗?或者您可以添加以下内容:list style position:inside;?或者使用list style image:url(/images/list style image.png);而不是一个before?Something?@corneé它不是重复的,因为我没有使用列表样式
。而且您提供的链接与我想要的结果不同。无论如何,感谢您在我的帖子中发表评论。您可以将before设置为100%的高度吗?或者您可以添加以下内容:列表样式位置:inside;?或者使用列表样式图像:url(/images/list-style-image.png);而不是之前的?某物?@corneé它不是重复的,因为我没有使用列表样式
。而且你给出的链接与我想要的结果不同。无论如何,感谢你在我的帖子中发表评论。谢谢。它工作得很好。我在ul li
中添加了左边距:20px;
以对齐其他内容。谢谢。我们正在工作我在ulli
中添加了左边距:20px;
,以便在其他内容中对齐。
li {
padding-left: 35px;
margin-bottom: 10px;
font-size: 22px;
color: #000;
line-height: 150%;
position: relative;}
.banner_checklist li:before {
content:"\2B58";
font-size: 14px;
color: #f7941d;
margin-right: 10px;
position: absolute;
left: 0;
top: 0;}