Réfléchir aux moyens de résoudre le CENTRE
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Aujourd'hui, nous allons effectuer un test de contrainte sur cinq techniques différentes de centrage CSS. Découvrez les techniques qui devraient vous faire gagner une place dans votre ceinture porte-outils en observant leur réaction aux contraintes de mise en page courantes. Les participants: Content Center, soft flex, autobot, fluffy Center et pop and plop.
@Adam Argyle répondra à vos commentaires pendant les 30 premières minutes suivant la sortie de l'épisode. Contactez-nous ici ou en envoyant votre propre code.
Regardez d'autres défis IUG → https://goo.gle/GUIchallenges
Découvrez comment d'autres utilisateurs créent des histoires (envois d'IUG) → https://goo.gle/35AO28C
Abonnez-vous à la newsletter Google Chrome Developers → http://goo.gl/LLLNvf
arrow_back Retourner à tous les épisodes
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2020/12/16 (UTC).
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Il n'y a pas l'information dont j'ai besoin"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Trop compliqué/Trop d'étapes"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Obsolète"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problème de traduction"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Mauvais exemple/Erreur de code"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Autre"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Facile à comprendre"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"J'ai pu résoudre mon problème"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Autre"
}]
{"lastModified": "Derni\u00e8re mise \u00e0 jour le 2020/12/16\u00a0(UTC)."}
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2020/12/16 (UTC)."],[],[]]