Éléments de niveau de bloc central verticalement/horizontalement

Question

Mon exigence est que les dimensions de l'élément et de l'élément parent soient liquides et fluctuent. Ainsi, en plaçant fondamentalement un bloc à l'intérieur d'un bloc, où leurs dimensions respectives sont complètement inconnues. J'ai utilisé JavaScript pour les calculer au moment de l'exécution, étant donné que seul JavaScript peut regarder dans le DOM lors de l'exécution et le calculer.

Answer 1

@Shane,

CSS3 introduit le modèle de boîte flexible, peut-être vous pouvez l'utiliser selon l'audience de votre site ...

donc à Verticalement & éléments Horizontalement bloc de centre de niveau dans l'élément de corps, vous auriez juste besoin d'écrire cette déclaration CSS:

body { 
    display: box; 
    box-orient: horizontal; 
    /* horizontally centered */ 
    box-pack: center; 
    /* vertically centered */ 
    box-align: center; 
    width: 100%; 
    height : 100%; 
} 

http://hacks.mozilla.org/2010/04/the-css-3-flexible-box-model/