发表新帖
发表新帖

center text in div

后端 未结
关注
3 1908
广开言路
广开言路 2021-01-19 23:27 
  



  

    

      
test


  

        

                      

              相关标签:
       

      

      
      

        

          3条回答        


        
    
                         				            
  • 
            
           
            
    
                              
                 
              
              
    
                
                  不知归路        
                
              
    
                            
    
                2021-01-19 23:42
              
    
            
    
            
    
                                                                       

    The HTML you have written works in my browser (FF 3.5.8). However you are missing two closing <\div> tags. Maybe your browser is stricter than mine. Also, <center> is deprecated so try to avoid it where possible.
    


    I would put all of this in comments but my rep ain't high enough yet! :/
    
                                                                        
    
                                                        
    
            
    
            
    
              
                
                0
              
                 
                
               讨论(0)
              
              
                                                   
              
    
                                                            
    
            
    
                      
          
    • 
          	          
  • 
            
           
            
    
                              
                 
              
              
    
                
                  傲寒        
                
              
    
                            
    
                2021-01-20 00:00
              
    
            
    
            
    
                                                                       

    Try closing your .nodeText div.
    
                                                                        
    
                                                        
    
            
    
            
    
              
                
                0
              
                 
                
               讨论(0)
              
              
                                                   
              
    
                                                            
    
            
    
                      
          
    • 
          	          
  • 
            
           
            
    
                              
                 
              
              
    
                
                  走了就别回头了        
                
              
    
                            
    
                2021-01-20 00:04
              
    
            
    
            
    
                                                                       

    Do you mean vertical centering, horizontal centering or both?
    


    Horizontal centering of inline content is easy. Just apply text-align: center to the containing block. Centering horizontally a block within another block with CSS is typically done with:
    


    #centerMe { margin: 0 auto; }

    


    Note: on IE6 this requires that IE be in "standards compliant" rather than "quirks" mode. To force this always put a DOCTYPE on your HTML document. For example:
    


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

    


    Vertical centering is much worse.
    


    You may want to look at Vertical Centering in CSS. This is actually a non-trivial problem. The vertical-align style property you're using only applies to table cells (in a cross-browser backwards compatible way). This would be trivial to do with a table for what it's worth.
    
                                                                        
    
                                                        
    
            
    
            
    
              
                
                0
              
                 
                
               讨论(0)
              
              
                                                   
              
    
                                                            
    
            
    
                      
          
    • 
          	          
                             

        
        

          

            
            

              
              

            
    


                                 
              

            

                          
    

        
         

                
                

                  
                

                

                   看不清?
                

              

                                  

                    
   
                 
             
              
提交回复

            

          

        

      

       
      
    

    

          
 
     
 

        
热议问题