これは何度も尋ねられましたが、解決策のどれも私のために働いていません。あなたがフィドルで見ることができるように、これは私がChromeでそれをどのようにしたいのか正確に動作していますが、IEではテキストが真ん中にではなくボックスの上部に詰まっています。 IEブラウザとChromeでそれを実行すると、私の言いたいことがわかります。私はマージンを使用して正確に真ん中にしたい:auto;クロムで完璧に動作しますが、IEではそうはしません。パラグラフを下に移動させて、縦方向と横方向の中間に配置されるように修正されているかどうかはわかりません。IEのdivの中にテキストを垂直に配置する方法は?
<section class="info">
<p class="infofont">Size: Large<br><br>
100% Cotton<br><br>
Excellent Condition!
</p>
</section>
CSS:
.info{
display:flex;
width:325px;
margin:auto;
}
.infofont{
font-weight:bold;
text-align:center;
margin:auto;
}
https://jsfiddle.net/fmu8g38h/
あなたのフィドルは、500pxの高さが.infoに設定されています。これがなければ、どのブラウザでも動作しません。垂直配置のプロパティを設定する必要があるhttps://css-tricks.com/snippets/css/a-guide-to-flexbox/を参照してください。一部のブラウザでは古い構文が必要な場合があります。 –