wordpress实现图片和文字混合排版

wordpress本身没有这样的功能,css当然可以随意排列。
如果用到复杂的数学公式,只能用笨方法,后台敲代码。

看一下效果,文字和图片混合排列在一行:

文字一
文字二

代码如下 :

<div style="float:left">
<div style="width:80px;float:left;">文字一</div>
<div style="width:230px;float:left;">
<img src="https://www.tianqiweiqi.com/wp-content/uploads/2019/05/pic1001.png">
</div>
<div style="width:80px;float:left;">文字一</div>
</div>
/*解释*/
<div>
<div style="width:50px;float:left;"></div>
<div style="width:50px;float:left;"></div>
<div style="width:50px;float:left;"></div>
</div>

设置float:left;和width:50px;
目前wordpress好像没有这样的功能,谁知道告诉我一下。

如果影响到下一行的浮动,可以添加一个类:

.tq_clear{clear:both}

作用到下一个块,就不会影响到下一块了。

作者:

喜欢围棋和编程。

 
发布于 分类 百科标签

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注