Html 如何在中心引导中创建无序列表的div?

Html 如何在中心引导中创建无序列表的div?,html,twitter-bootstrap,center,unordered,Html,Twitter Bootstrap,Center,Unordered,文本中心使文本居中,但点仍在左角 float: none; margin-left: auto; margin-right: auto; 不起作用 试试这个: text-align: center; 你上面的措辞不太好,所以不太确定你是否尝试过这个 或者,您可以在css中定义宽度,然后执行边距:自动像这样: width: 500px; margin: auto; 然后相应地调整宽度。下面您将看到带引导和不带引导的居中列表示例 在第一个示例中,我使用引导列的概念来居中。你知道引导网格将12

文本中心
使文本居中,但点仍在左角

float: none;
margin-left: auto;
margin-right: auto; 
不起作用

试试这个:

text-align: center;
你上面的措辞不太好,所以不太确定你是否尝试过这个

或者,您可以在css中定义
宽度
,然后执行
边距:自动像这样:

width: 500px;
margin: auto;

然后相应地调整宽度。

下面您将看到带引导和不带引导的居中列表示例

在第一个示例中,我使用引导列的概念来居中。你知道引导网格将12列解释为全屏,所以我基本上是说将列表放在6列中,偏移量为3列((12-6)/2=3)

在第二个示例中,我使用的是flexbox,这是我的首选方法。justify资源中心告诉元素相对于其父div水平居中。(调用flexbox的div)

h4{
文本对齐:居中;
}
.名单{
显示器:flex;
证明内容:中心;
}

使用引导列居中无序列表
  • 罗勒姆·伊普苏姆诸如此类诸如此类
  • 罗勒姆·伊普苏姆诸如此类诸如此类
  • 罗勒姆·伊普苏姆诸如此类诸如此类
  • 罗勒姆·伊普苏姆诸如此类诸如此类
  • 罗勒姆·伊普苏姆诸如此类诸如此类
  • 罗勒姆·伊普苏姆诸如此类诸如此类



  • 不带boostrap的无序列表居中
  • Lorem ipsum诸如此类诸如此类
  • 罗勒姆·伊普苏姆诸如此类诸如此类
  • 罗勒姆·伊普苏姆诸如此类诸如此类
  • Lorem ipsum等等
  • 罗勒姆·伊普苏姆诸如此类诸如此类
  • 罗勒姆·伊普苏姆诸如此类诸如此类

  • 发布您的UL代码