简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison> interface Web> tutoriel CSS> le corps du texte

CSS3中实现两端对齐的图文代码分享

黄舟
Libérer： 2017-07-19 16:00:17
original
2126 Les gens l'ont consulté

方法一：使用box-pack的justify实现：使用display：flex弹性盒子模型实现根据窗口大小自适应宽度。代码如下：

       
  
 10 20 30 50
Copier après la connexion

效果如下：

方法二：使用column多列 布局实现，具体代码如下：

       
  
 10元 20元 30元 50元
Copier après la connexion

效果如下：






Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées：
css css3
source：php.cn
Article précédent：css样式如何实现段落文字两端对齐的示例 Article suivant：css如何实现水平垂直居中以及两端对齐的代码分享
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Div avec découpe en demi-cercle transparent Je souhaite créer une forme de demi-cercle découpée et transparente en utilisant uniquemen...
Depuis 2023-10-22 17:51:09
0
2
303
Comment créer une ombre incrustée en SVG Je dois créer une boîte avec une ombre en ligne, tout comme CSS3 a une ombre de boîte en l...
Depuis 2023-10-21 15:57:11
0
2
232
Améliorez les arrière-plans dégradés avec les transitions CSS3 J'essaie d'utiliser CSS pour effectuer une transition sur une image miniature afin que l'a...
Depuis 2023-10-12 18:05:11
0
2
213
Utilisez des transitions CSS3 avec des arrière-plans dégradés J'essaie d'utiliser CSS pour effectuer une transition sur une image miniature afin que l'a...
Depuis 2023-08-23 21:25:42
0
2
324
Comment appliquer des filtres CSS aux images d'arrière-plan J'ai un fichier JPEG que j'utilise comme image d'arrière-plan pour une page de recherche, ...
Depuis 2023-08-23 14:06:46
0
2
189
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！