div margin auto width 300px 这里，width属性定义了div的宽度，而margin auto则使div在父容器中水平居中如果需要让整个父容器内的内容居中，可以使用以下CSS代码div textalign center 然后，将需要居中的内容放入一个块级元素中，如p或span等，这样该内容就会在父容器中居中。

基础代码 然后打开文本文档，编写基础代码，再把桌面上的老虎图片引入进去，如下图所示03 后缀名 然后把文本文档后缀名改为html，如下图所示04 运行网页 然后在浏览器中运行网页，现在图片有了，只是还没有居中，图片居住代码要用CSS写，如下图所示05 CSS代码 然后写上CSS代码，如下图所示06。

要让代码居中，可以通过使用CSS样式来实现详细解释如下一使用CSS的textalign属性 CSS中的`textalign`属性用于设置文本的对齐方式要想让代码块居中显示，可以将该属性设置为`center`这样，文本就会在其容器中居中对齐二应用样式到代码块 如果代码是包含在HTML的元素标签中，比如``或``标签。

需要准备的材料分别有电脑浏览器html编辑器1首先，打开html编辑器，新建html文件，例如indexhtml，填充问题基础代码2在indexhtml中的标签中，输入css代码#menu textalign center3浏览器运行indexhtml页面，此时成功实现了ul标签的居中显示。

4第二种方法就是就是将div设置为displaytable将ul设置成displaytablecell即可5第三种方法就是使用displayinlineflex，css代码如图所示6这种方法的html是套用一个div即可 如图所示7然后将下图中的css代码写入CSS文件中即可8以上的四种方法的运行后，都可以将菜单水平居中。