2016-05-23 75 views
0

我在WordPress中创建网站时很顺利,但每当我尝试将图片添加到网站的页面时,文字都不会环绕它们。这些页面应该是在您的WP账户内部创建的,因此涉及的代码很少,并且就html而言,每个页面都有自己的代码和格式。我会愿意改变CSS来解决这个问题,但我不知道从哪里开始。下面是关于我们页面的代码:为什么不会在我的WP页面中环绕图像

Cougar Electric Car Company is made up of students at 

<a href="http://www.kenn.cr.k12.ia.us/" target="">Kennedy High School</a> 

in Cedar Rapids, Iowa. Students work in teams to design and construct safe, 
energy-efficient electric one-person vehicles that they showcase during a 
series of rallies across the Midwest. This is hands-on education. Team 
members apply what they’ve learned in math science, and or vocational education – and more. 

<img style="float: right;" src="http://leifsegen.com/sandbox/livia_t/electric-car/wordpress/wp-content/uploads/2016/02/IMG_5139-300x225.jpg" alt="IMG_5139" width="300" height="225" /> 

<h6>The program is designed to challenge students to:</h6> 
<ul> 
<li>Apply classroom lessons to build a one-person light electric vehicle</li> 
<li>Design and engineer the vehicle to roll safely and efficiently</li> 
<li>Use problem-solving skills</li> 
<li>Promote efforts in the community to gain support</li> 
<li>Compete against other schools to see whose vehicle performs best</li> 
<li>Document the design/build/compete process</li> 
</ul> 

<h6><strong>Since 1997</strong></h6> 

The program was launched by two students and Kennedy teacher 
Barry Wilson in 1997. Since then, the program has impacted hundreds 
of students and sparked interest in manufacturing, engineering, 
automotive, alternative energy, and many more career paths. 

这里是链接到我的公司简介页面: Cougar Electric Car About Us page

+0

因为在图像之后出现的标题应该在它旁边浮动,它已经设置了“清除:同时设置”。这是在http://leifsegen.com/sandbox/livia_t/electric-car/wordpress/wp-content/themes/kicoe/style.css?ver=20151125-4 – j08691

回答

0

从你的链接页面,它看起来像你的img标签是一个明显的段落标记内在另一段落标签下面。由于段落标记是块元素,因此它们堆叠而不是允许内联流。

要解决此问题,您要转到编辑帖子/页面区域,并将媒体置于想要环绕它的段落的起始位置(或者,您想要开始打包的段落较多)。点击图像,然后选择看起来像是一个包装它周围的方框。例如enter image description here

通过将图像标签放在段落所在的同一段落标签内,然后给它一个浮动,您可以在文本模式而不是可视化编辑模式下完成相同的操作:右/左property

+0

的规则谢谢你,这工作完美 –

0

移动<ul>内部的图像即可解决问题。已经过测试和它的工作

<ul> 
<li style="list-style: none;"><img style="float: right;" src="http://leifsegen.com/sandbox/livia_t/electric-car/wordpress/wp-content/uploads/2016/02/IMG_5139-300x225.jpg" alt="IMG_5139" width="300" height="225"></li><li>Apply classroom lessons to&nbsp;build a one-person light electric vehicle</li> 
<li>Design and engineer the vehicle to roll safely and efficiently</li> 
<li>Use problem-solving skills</li> 
<li>Promote efforts in the community to gain support</li> 
<li>Compete against other schools to see whose&nbsp;vehicle performs best</li> 
<li>Document the design/build/compete&nbsp;process</li> 
</ul> 
相关问题