Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Wordpress文本环绕图像_Html_Css_Wordpress - Fatal编程技术网

Html Wordpress文本环绕图像

Html Wordpress文本环绕图像,html,css,wordpress,Html,Css,Wordpress,我正在尝试做一些我认为需要2分钟的事情,但是却花了2个小时。。。在Wordpress中插入图像时,它会自动将其放入段落中。我试图让后面的段落围绕图像展开,但没有任何效果。我的CSS是: p img.alignleft { float: left; } p { float:left; clear: none; } 我到底错过了什么?!我的html只是: 这就是为什么我如此恼怒的原因——这就是我试图开始的!它实际上不需要任何东西,因为Wordpress在默认的主题css中

我正在尝试做一些我认为需要2分钟的事情,但是却花了2个小时。。。在Wordpress中插入图像时,它会自动将其放入段落中。我试图让后面的段落围绕图像展开,但没有任何效果。我的CSS是:

p img.alignleft {
    float: left;
}

p {
    float:left;
    clear: none;
}
我到底错过了什么?!我的html只是:


这就是为什么我如此恼怒的原因——这就是我试图开始的!它实际上不需要任何东西,因为Wordpress在默认的主题css中已经有了它,而我在我的自定义主题中并没有超越它。我的html是:

<h2>Title</h2>
<h3>Subtitle</h3>
<p><a href="imgroot"><img class="alignleft size-medium wp-image-89" src="imgroot" width="300" height="300" /></a></p>
<p>Lorem ipsum...</p>
<p>Lorem ipsum...</p>
标题
字幕

同侧眼线

同侧眼线


根据您的问题,以下方法有效:

.alignleft{
浮动:左;
}
标题
字幕

同侧眼线


Lorem ipsum…

请同时显示HTML标记如果您正在构建自定义主题,您需要补偿没有Wordpress生成的用于标题、图像等的CSS帮助类,这些帮助类可以-根据需要将它们的CSS添加到您自己主题的CSS文件中。这就是为什么我如此恼怒的原因-这就是我试图开始的!它实际上不需要任何东西,因为Wordpress在默认的主题css中已经有了它,而我在我的自定义主题中并没有超越它。我的html是:是的,对不起,我没有意识到我不能把它添加到评论中,现在就写在上面。正如你在我的编辑中看到的,这也可以用。您可能有另一种样式覆盖它。我会使用你的浏览器检查器来验证。是的-排序-我有一个错误的“显示:内联块”远远高于。。。我应该多睡一会儿!谢谢你。