需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
2、在index.html中的<ul>标签中，输入样式代码：text-align: center;list-style: none;。
3、浏览器运行index.html页面，此时ul成功在div中居中了。
代码：
效果：
代码含义：
text-align:center 属性规定元素中的文本的水平对齐方式。
代码源件：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
body,div,ul{padding:0px;margin: 0px;}
</style>
</head>
<body>
<div style="width:400px;height:100px; background: #eee; text-align: center; text-align: -webkit-center;">
<ul style="width: 50px; height: 100px; background: #ccc;">
</ul>
</div>
</body>
</html>
定义了宽度以后使用margin:0 auto;这个样式可以居中
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
*{ padding:0; margin:0; list-style:none;}
.div{ width:500px; height:100px; border:1px solid #333;}
.div ul{ width:100px; height:50px; margin:0 auto; border:1px solid red;}
</style>
<body>
<div class="div">
<ul>1</ul>
</div>
</body>
</html>
例如：
<div class="box1">
<ul class="ul-si">
<li>标题</li>
<li>标题</li>
</ul>
</div>
css如下：
.box1{
width:800px;
margin:30px auto ;
}
.ul-si{
width: 300px;
margin: 0 auto;
}
<ul style="width:100px; margin:0 auto; border:1px #00f solid;">
<li>123</li><li>123</li>
</ul>
</div>
起作用的就是width:100px; margin:0 auto;
本回答被网友采纳ul如何在div里水平居中?html\/css
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。2、在index.html中的<ul>标签中，输入样式代码：text-align: center;list-style: none;。3、浏览器运行index.html页面，此时ul成功在div中居中了。
htmlcss里面一个div里的ul怎么让他居中对齐?
1、首先先打开我们的开发环境新建一个web项目。2、在html中引入css文件这里是html页面的代码div和ul。3、将所有标签的margin和padding初始为0然后将父级div的display设置为flexalign-items设置为center。4、运行web项目后得到的结果如图所示垂直居中了。5、 将display设置为table-cell，将vertical-align设置...
CSS里 ul标签怎么居中啊
要实现UL标签水平居中，关键在于CSS中 display:inline 的运用。HTML代码具体示例：<div id="links"> <ul> <li><a href="#"> <\/a><\/li> <li><a href="#"> <\/a><\/li> <li><a href="#"> <\/a><\/li> <li><a href="#"> <\/a><\/li> <li><a href="#"> <...
如何设置ul标签居中显示?
1、新建一个html文件，命名为test.html。2、在test.html文件内，创建一个div模块，在div标签内，使用ul、li标签创建一个无序列表。3、在test.html文件内，设置div的class为mydiv，主要用于设置div的css样式。4、在css标签内，通过class设置div的宽度为300px，高度为200px，背景颜色为灰色。5、在test...
css如何让div页面居中css怎样让div居中
1、首先打开SublimeText软件，新建一个HTML页面，2、然后我们在html页面中加入p标签，并且在p标签中加入一些文字，3、接下来我们给p标签编写CSS样式，这里主要是text-align和line-height两个属性，4、最后我们运行页面程序，你就会在页面中看到p中的文字水平垂直都居中了。htmlcss里面，一个p里的ul怎么让...
html无序列表怎么在div中居中?
1、首先在html编辑器中新建一个html文件，写入一个div并给div设置class属性，然后在div里面设置一个无序列表：2、接着设置一下div的样式，给它一个宽度和高度及背景颜色即可。然后设置div中的ul的属性的display的属性值为table，之后在设置margin的值上下边距为0，左右为auto，ul列表就居中了：3、最后...
html怎么让div垂直和水平居中显示
首先我们对body设置text-align:center，再对需要居中的div盒子设置css样式margin:0 auto，这样即可让对应div水平居中。实例讲解div居中代码应用，为了观察div居中效果，我们对div设置一个div命名为“.div”在html中div标签内使用class=“div”,设置其宽度为400px;高度为100px，边框为红色。以便我们观察效果...
HTML CSS中如何实现DIV中的图片水平垂直居中对齐
1、解决水平居中的办法：如果图片左浮动并且"display:inline"时，只要给图片设置一个"text-align:center"属性，就顺利解决了水平居中。2、解决垂直居中的办法：使用display:table-cell和设置了display:inline-block的线合span。完整例子：html代码：<ul class="imgWrap clearfix"><li><a href="#" ...
css如何让ul居中
第一个问题 UL设置margin:0px auto是指UL本身相对于父级对象居中。你的UL父级对象是DIV，所以并不是相对屏幕居中，而是相对父级DIV300个PX的居中。解决这个问题的方法是把DIV的宽度去掉，让DIV默认为BODY的宽度。或者干脆直接把父级的DIV去掉。第二个问题 如果要垂直居中，valign很多浏览器兼容性不好...
HTML Div+CSS 网页居中的问题
最简单的方法是 在写个div样式来进行控制！，最好单独命个名！如:div1{text-align:left} 然后在div标签里用id调用就行~方法2：一般div里用的都是 <ul> <li><\/li> <\/ul> 或 <ol> <li><\/li> <\/ol> 标签！你也可以设置ul的样式：ul{position:absolute;margin-left:0px;margin-top:5...
