Html 将文本项列表定位到中心
我正在尝试修改我网站的主题。所有内容都已居中对齐 在这方面，我希望将文本项列表与中心对齐。下面是我正在使用的CSS：Html 将文本项列表定位到中心,html,css,Html,Css,我正在尝试修改我网站的主题。所有内容都已居中对齐 在这方面，我希望将文本项列表与中心对齐。下面是我正在使用的CSS： .recent_news_css { margin: auto; width: 50%; border: 3px solid green; text-align: center; } 为了便于理解，我也在这个div类的父类周围绘制了一个红色边框。请看下面的截图 我惊讶地看到文字和项目符号没有居中。有什么建议吗？使用页边距：0自动而不是自动。它会
.recent_news_css {
margin: auto;
width: 50%;
border: 3px solid green;
text-align: center;
}
我惊讶地看到文字和项目符号没有居中。有什么建议吗？使用
页边距：0自动而不是自动。它会起作用的
.recent_news_css {
margin: 0 auto;
width: 50%;
border: 3px solid green;
text-align: center;
}
我认为li
需要占用所有的空间
li{
width:100%;
display:block;
text-align: center;
}
你在找这样的人吗
#parent{
border: 3px solid red;
width:500px;
}
.recent_news_css {
margin: auto;
width: 100px;
border: 3px solid green;
text-align: center;
padding: 35%;
}
<body>
<div id="parent">
<ul class="recent_news_css">
<li>
some Text
</li>
<li>
some Text
</li>
<li>
some Text
</li>
</ul>
</div>
</body>
#父级{
边框：3倍纯红；
宽度：500px；
}
.最近的新闻{
保证金：自动；
宽度：100px；
边框：3倍纯绿；
文本对齐：居中；
填充：35%；
}
-
一些文本
-
一些文本
-
一些文本
因为您将div设置为文本对齐：居中
这是不可能的。您应该在li标签上添加样式“文本对齐：居中”
如下图所示
。查看内容ul li{
文本对齐：居中；
}
这里是相同的问题和解决方案，如果仍然无法解决，请提供一个fiddle/pen链接^^^^^^或使用相关HTML更新您的问题sample@PantherWh1T3h4Ck5：这是你的答案。HTML由Drupal框架生成。因此它太大了。我真的很抱歉，它没用。实际上，即使使用了margin:0 auto
，用户界面也没有任何变化。这两种方法都将margin left
和margin right
设置为auto
。在这种情况下，上下页边距是不相关的，因此margin
propertyauto
或0auto
的值无关紧要。HTML由Drupal框架生成。因此它太大了。我真的为冗长的HTML和CSS道歉。非常感谢。我添加了以下CSS.recent news css{margin:0 auto；width:50%；border:3px纯绿色；text align:center；}。recent news css li{width:100%；display:block；text align:center；}。recent news css ul{text align:center；}
不幸的是，它不起作用。这次请看截图，我看不到要点符号。在你的截图中，你没有添加文本对齐：居中ul#views-ticker-vTicker-list-recent_news
remove position:absolute，这都是在您的内联样式中添加的CSS.recent news css{margin:0 auto；width:50%；border:3px纯绿色；text align:center；}。recent news css li{width:100%；display:block；text align:center；}。recent news css ul{text align:center；}
不幸的是，它不起作用。请看下面的截图。HTML由Drupal框架生成。因此它太大了。我真的为冗长的HTML和CSS道歉。非常感谢。我添加了以下CSS.recent news css{margin:0 auto；width:50%；border:3px纯绿色；text align:center；}。recent news css li{width:100%；display:block；text align:center；}。recent news css ul{text align:center；}
不幸的是，它不起作用。请看下面的截图。HTML由Drupal框架生成。因此它太大了。我真的为冗长的HTML和CSS道歉。非常感谢你。