我创建了这 3 个框:
在我的 WordPress 网站中，但我很难调整它们。
这是后端的样子:
[one_fourth boxed="true" centered_text="true" animation="Fade In From Bottom" delay="0" style = "opacity: 1; bottom: 0px;"]
<h3><font color ="000000">Get Daily Motivation</font></h3>
<div class="fb-like" data-href="https://www.facebook.com/Medically-Supervised-Fitness-538796346231284/?fref=ts" data-layout="standard" data-action="like" data-show-faces="false" data-share="false"></div>[/one_fourth]
[one_fourth boxed="true" centered_text="true" animation="Fade In From Bottom" delay="0" style = "opacity: 1; bottom: 0px;"]
<h3><font color = "000000">Watch MSF Channel</font></h3>
<div class="g-ytsubscribe" data-channel="MedSupervisedFitness" data-layout="default" data-count="default"></div>[/one_fourth]
[one_fourth_last boxed="true" centered_text="true" animation="Fade In From Bottom" delay="0" style = "opacity: 1; bottom: 0px;"]
<h3><font color = "000000">Follow Us on Instagram</font></h3>
}
<span class="ig-follow" data-id="522d6eb32d" data-handle="a_littlebit_of_fashion" data-count="false" data-size="small" data-username="false"></span>[/one_fourth_last]
最佳答案
这些框之间有换行符 ( <br> )。 WordPress 自动从您提供的代码中的新行生成它们。您的代码应如下所示:
[one_fourth boxed="true" centered_text="true" animation="Fade In From Bottom" delay="0" style = "opacity: 1; bottom: 0px;"]<h3><font color ="000000">Get Daily Motivation</font></h3><div class="fb-like" data-href="https://www.facebook.com/Medically-Supervised-Fitness-538796346231284/?fref=ts" data-layout="standard" data-action="like" data-show-faces="false" data-share="false"></div>[/one_fourth][one_fourth boxed="true" centered_text="true" animation="Fade In From Bottom" delay="0" style = "opacity: 1; bottom: 0px;"]<h3><font color = "000000">Watch MSF Channel</font></h3><div class="g-ytsubscribe" data-channel="MedSupervisedFitness" data-layout="default" data-count="default"></div>[/one_fourth][one_fourth_last boxed="true" centered_text="true" animation="Fade In From Bottom" delay="0" style = "opacity: 1; bottom: 0px;"]<h3><font color = "000000">Follow Us on Instagram</font></h3><span class="ig-follow" data-id="522d6eb32d" data-handle="a_littlebit_of_fashion" data-count="false" data-size="small" data-username="false"></span>[/one_fourth_last]
关于html - 水平对齐框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34229714/