1、首先在html编辑器中新建一个html文件,写入一个div并给div设置class属性,然后在div里面设置一个无序列表:
2、接着设置一下div的样式,给它一个宽度和高度及背景颜色即可。然后设置div中的ul的属性的display的属性值为table,之后在设置margin的值上下边距为0,左右为auto,ul列表就居中了:
3、最后打开浏览器查看效果,可以看到div中的列表诗句中的。以上就是html无序列表在div中居中的方法介绍:
div现在一般网页的布局都是使用的div+css来布局,div的话,就是通过。
<div>
<div><p></p></div>
</div>
div的嵌套使用来完成整个网页的布局,你可以将div理解成一个一个的块,然后在div块中写入P等等标签,然后再通过CSS来修饰就行了,如高度,宽度,背景。
<div style="background:#f90text-align:center">test</div>
<div style="background:#f60"><span>usemen:</span><input type="text" style="border:1px solid #cccwidth:200pxheight:20px" ></div>
<div style="background:#f60"><span>usemen:</span><input type="text" style="border:1px solid #cccwidth:200pxheight:20px" ></div>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)