因为要练习一个网购项目，但是不太会CSS布局，现在的问题是DIV中的文字和文字总是居中，而且又不能自由控制(行列定位搞了好久都搞不定)，想请教一下高手帮帮忙，谢谢。顺便帮忙指点一下我的错误在哪里，如何快速提高？
无标题页
ul{margin:0;border:0;padding:0;}
li{list-style-type:none;}
#left ul {width: 696px; }
#left #ulListItem3 {width: 100%;vertical-align:top;}
#left #ulListItem3 li {width: 232px;float: left;display: block;height:260px;line-height:260px; margin:0;vertical-align:top;}
#left #ulListItem3 li div{ width:100%; height:100%; margin:0; border: 1px solid #000; vertical-align:top;}
#left #ulListItem3 li div div{border: 1px solid #DDD;margin:14px 21px 40px; width:190px; display:table; height:230px; line-height:230px;cursor: pointer; vertical-align:top;}
#left #ulListItem3 li div div img{width:190px; height:139px; margin-top:0px;}
回复讨论(解决方案)
截图，不明白想要的效果，我这边看文字是不居中的
我想让图片在上面，下面的名称和价格以及按钮能够像table那样一行一行的体现出来，可是现在的效果很糟糕，达不到我想要的效果，请好心人帮忙！
无标题页 ul,li,div,img{margin:0;border:0;padding:0;} ul,li{list-style-type:none;} img{ display:block;} #left ul {width: 696px; } #left #ulListItem3 {width: 100%;} #left #ulListItem3 li {float: left;height:260px;border: 1px solid #000; padding:10px; margin-right:10px; margin-bottom:10px; } #left #ulListItem3 li img{ width:190px; height:140px; border: 1px solid #DDD;} #left #ulListItem3 li p{}
女装
100元
女装
100元
女装
100元
查看更多关于DIV布局，为什么文字总是要居中？_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did107885