国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Comment aligner l'image et le texte c?te à c?te ? Bo?te flexible HTML CSS
P粉350036783
P粉350036783 2023-08-26 00:23:03
0
1
801
<p>Le texte est désormais aligné sous l'image. Je veux que le texte soit aligné verticalement à c?té de l'image. J'ai essayé d'ajouter <code>flex-direction: column</code> et <code>justify-content: center</code> mais cela n'a pas fonctionné. J'ai aussi essayé <code>float</code> mais cela n'a pas fonctionné non plus. Je n'arrive pas à comprendre comment aligner le texte et l'image c?te à c?te. Comment puis-je les aligner c?te à c?te ? Y a-t-il des erreurs dans mon code ? </p> <p><br /></p> <pre class="brush:css;toolbar:false;">.whoweare { remplissage?: 80px 0px 50px?; couleur d'arrière-plan?: #000000?; } .whoweare #whoweareimg { largeur : 100 % ; largeur minimale?: 200?px?; } .whoweare .content { -webkit-affichage?:?flex?; affichage : flexible ; flex-wrap?: envelopper?; /* flex-direction: colonne */ /* justifier-contenu : centre */ } .whoweare .content .box { /* remplissage:5px; flexion?:0 0?100?%?; largeur maximale?: 100?%?; remplissage?: 5?px?; flexion?: 0 0?100?%?; largeur maximale?: 100?%?; } .whoweare .content #whoweareimg { largeur : 50 % ; -webkit-transform?: rotationY (180?deg?); transformation?: rotationY (180?deg?); remplissage?: 30?px?; } .whoweare .content h2 { taille de police?: 50?px?; poids de la police?: 500?; marge : 20px ; couleur : #ffffff ; remplissage?: 0px 0px 20px?; } .whoweare .content p { taille de police?: 20?px?; hauteur de ligne?: 50?px?; couleur : #ffffff ; marge : 20px ; remplissage?: 0px 0px 20px?; famille de polices?: ??Open Sans??, sans-serif?; }</pré> <pre class="brush:html;toolbar:false;"><section class="whoweare" id="whoweare"> <div class="conteneur"> <div class="content"> <div class="bo?te de texte wow slideInRight"> <!-- <div class="class-items"> <div class="élément wow rebondInUp"> <!-- <div class="item-img"> <img id="whoweareimg" src="https://via.placeholder.com/50" alt="classes" /> </div> <div class="bo?te de texte wow slideInRight"> <h2>Qui sommes-nous</h2> <p>UNDRGRND Muscle & Fitness, la culture de rue rencontre le bodybuilding et le style de vie fitness. Notre objectif est d'offrir à nos membres une expérience de formation unique et moderne dans la région de Vaughan/Grand Toronto. ≪/br> ≪/br> Découvrez une atmosphère d'entra?nement unique pour vous aider à offrir un entra?nement sans précédent. IFBB Professional Athletes propose des séances d'entra?nement exclusives pour aider les membres à atteindre leurs objectifs de style de vie et/ou de préparation à la compétition. L'installation offrira les meilleurs équipements de fitness du marché, notamment Atlantis, Cyber, Arsenal et plus encore. ≪/br> ≪/br> à l’UNDRNRGD, nous sommes tous une grande famille travaillant ensemble. <p><br /></p></pre>
P粉350036783
P粉350036783

répondre à tous(1)
P粉420868294

Il semble y avoir un problème avec votre code HTML car l'un des <div class="box text wow slideInRight">嵌套在另一個(gè)<div class="box text wow slideInRight"> est dedans, mais quoi qu'il en soit, voici le code que j'ai trouvé pour résoudre votre problème.

L'idée est .whoweare .content .box:first-child是您的彈性容器,它的兩個(gè)子元素(<div class="item wow bounceInUp">和另一個(gè)<div class="box text wow slideInRight">) de les aligner c?te à c?te.

.whoweare {
  padding: 80px 0px 50px;
  background-color: #000000;
}

.whoweare #whoweareimg {
  width: 100%;
  min-width: 200px;
}

.whoweare .content .box {
  padding: 5px;
  max-width: 100%;
}

.whoweare .content .box:first-child {
  display: flex;
}

.whoweare .content #whoweareimg {
  width: 50%;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  padding: 30px;
}

.whoweare .content h2 {
  font-size: 50px;
  font-weight: 500;
  margin: 20px;
  color: #ffffff;
  padding: 0px 0px 20px;
}

.whoweare .content p {
  font-size: 20px;
  line-height: 50px;
  color: #ffffff;
  margin: 20px;
  padding: 0px 0px 20px;
  font-family: 'Open Sans', sans-serif;
}
<section class="whoweare" id="whoweare">
  <div class="container">
    <div class="content">
      <div class="box text wow slideInRight">
        <!-- <div class="class-items"> -->
        <div class="item wow bounceInUp">
          <!-- <div class="item-img"> -->
          <img id="whoweareimg" src="https://via.placeholder.com/50" alt="classes" />
        </div>
        <div class="box text wow slideInRight">
          <h2>我們是誰</h2>
          <p>UNDRGRND Muscle & Fitness,街頭文化與健美和健身生活方式相結(jié)合。我們的目標(biāo)是為我們的會(huì)員提供獨(dú)特的現(xiàn)代化培訓(xùn)體驗(yàn),在Vaughan/GTA地區(qū)。
            </br>
            </br>
            體驗(yàn)獨(dú)一無二的培訓(xùn)氛圍,幫助您進(jìn)行無與倫比的鍛煉。IFBB職業(yè)運(yùn)動(dòng)員提供獨(dú)家培訓(xùn)課程,以幫助會(huì)員實(shí)現(xiàn)他們的生活方式和/或比賽準(zhǔn)備目標(biāo)。該設(shè)施將提供市場上最好的健身設(shè)備,包括Atlantis、Cyber、Arsenal等。
            </br>
            </br>
            我們都是一個(gè)大家庭,在UNDRNRGD這里我們都在一起。>
        </div>
      </div>
    </div>
  </div>
</section>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal