简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim> Web-Frontend> CSS-Tutorial> Hauptteil

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

黄舟
Freigeben： 2017-07-19 16:00:17
Original
2126 Leute haben es durchsucht

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

       
  
 10 20 30 50
Nach dem Login kopieren

效果如下：

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

       
  
 10元 20元 30元 50元
Nach dem Login kopieren

效果如下：






Das obige ist der detaillierte Inhalt vonCSS3中实现两端对齐的图文代码分享. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten：
css css3
Quelle：php.cn
Vorheriger Artikel：css样式如何实现段落文字两端对齐的示例 Nächster Artikel：css如何实现水平垂直居中以及两端对齐的代码分享
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Div mit transparentem Halbkreisausschnitt Ich möchte nur mit CSS3 eine transparent ausgeschnittene Halbkreisform erstellen. Die einz...
Aus 2023-10-22 17:51:09
0
2
303
So erstellen Sie einen eingefügten Schatten in SVG Ich muss eine Box mit einem Inline-Schatten erstellen, genau wie CSS3 einen Inline-Box-Sch...
Aus 2023-10-21 15:57:11
0
2
232
Verbessern Sie Verlaufshintergründe mit CSS3-Übergängen Ich versuche, mithilfe von CSS einen Übergang auf einem Miniaturbild zu erstellen, sodass ...
Aus 2023-10-12 18:05:11
0
2
213
Verwenden Sie CSS3-Übergänge mit Verlaufshintergründen Ich versuche, mithilfe von CSS einen Übergang auf einem Miniaturbild zu erstellen, sodass ...
Aus 2023-08-23 21:25:42
0
2
324
So wenden Sie CSS-Filter auf Hintergrundbilder an Ich habe eine JPEG-Datei, die ich als Hintergrundbild für eine Suchseite verwende, und ich...
Aus 2023-08-23 14:06:46
0
2
189
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！