Heim > Web-Frontend > HTML-Tutorial > DIV布局,为什么文字总是要居中?_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-24 11:45:13
Original
1088 Leute haben es durchsucht

新人求助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="img2/140417131310449.jpg" alt="秋衣" width="232" />            	<p>女装</p>        	<p>100元</p>                  </li>        <li>        	<img src="img2/140417131310449.jpg" alt="秋衣" width="232" />            	<p>女装</p>        	<p>100元</p>                  </li>        <li>        	<img src="img2/140417131310449.jpg" alt="秋衣" width="232" />            	<p>女装</p>        	<p>100元</p>                  </li>                                               </ul>    </div>   </body></html>
Nach dem Login kopieren


可供参考

多谢啊,大哥!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage