Rumah > hujung hadapan web > html tutorial > DIV布局,为什么文字总是要居中?_html/css_WEB-ITnose

DIV布局,为什么文字总是要居中?_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-06-24 11:45:13
asal
1137 orang telah melayarinya

新人求助CSS问题。
因为要练习一个网购项目,但是不太会CSS布局,现在的问题是DIV中的文字和文字总是居中,而且又不能自由控制(行列定位搞了好久都搞不定),想请教一下高手帮帮忙,谢谢。顺便帮忙指点一下我的错误在哪里,如何快速提高?

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<br> 无标题页 <br>
    


    




    

      

            
  •                        
               
      
                    DIV布局,为什么文字总是要居中?_html/css_WEB-ITnose    
                    女装

                    100元
               
                
            

  •         
  •                        
               

                    

                    sadfsfa
                    

               
                      
            

  •         
  •                        
              

                    

                    

              
                   
            
  •                                                     
          

    
   
    
    



回复讨论(解决方案)

截图,不明白想要的效果,我这边看文字是不居中的



我想让图片在上面,下面的名称和价格以及按钮能够像table那样一行一行的体现出来,可是现在的效果很糟糕,达不到我想要的效果,请好心人帮忙!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题页</title>    <style type="text/css">            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{}    </style></head><body>    <div id="left">      <ul id="ulListItem3">        <li>        	<img src="/static/imghw/default1.png"  data-src="img2/140417131310449.jpg"  class="lazy"   alt="秋衣"    style="max-width:90%" />            	<p>女装</p>        	<p>100元</p>                  </li>        <li>        	<img src="/static/imghw/default1.png"  data-src="img2/140417131310449.jpg"  class="lazy"   alt="秋衣"    style="max-width:90%" />            	<p>女装</p>        	<p>100元</p>                  </li>        <li>        	<img src="/static/imghw/default1.png"  data-src="img2/140417131310449.jpg"  class="lazy"   alt="秋衣"    style="max-width:90%" />            	<p>女装</p>        	<p>100元</p>                  </li>                                               </ul>    </div>   </body></html>
Salin selepas log masuk


可供参考

多谢啊,大哥!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan