Question

我有一个浮动的右div，p标签正确地环绕它，但我想知道是否有可能让图像环绕浮动元素。

以下是代码：

<section class="entry-content clearfix" itemprop="articleBody">
    <div class="quick-facts">
        <h3>Quick Facts Box</h3>
        <ul>
            <li>There are over 1000 bones in a complete blue whale </li>
            <li>Blue whales live to be very old and have many children</li>
        </ul>
        <img src="/2014/02/IMG_1325-275x275.jpg">
    </div>

    <p>The Noyo Center for Science &amp; Education (Noyo Center) will serve as a cold water marine research center for the community college and State college system while educating the public (residents, school children, visitors) through exhibits, lectures, classes, and guided tours about the impacts that humans have on our marine and terrestrial environment and ways that we can work to improve conservation of these resources. The Noyo Center’s primary goal is to foster activities promoting research and education that support ocean and coastal ecosystem restoration. Secondary goals are to develop education and research that support sustainable forestry and fishing practices, and to increase ocean and ecological literacy. The development program includes the Nature Center and Aquarium (6,100 SF) and Marine Research facilities (3,250 SF).</p>

    <p>In 2010 the Noyo Center design won an award from the Redwood Chapter of the American Institute of Architects (AIA).</p>

    <h2>Noyo Center Property Acquistion Completed!</h2>

    <img class="alignleft size-full wp-image-102" alt="fort-bragg" src="/2014/02/fort-bragg.jpg" width="1000" height="275">

    <p>“Last week, escrow closed on the City’s acquisition of 11½ acres from Georgia Pacific for future development of the Noyo Center for Science &amp; Education. The property is located adjacent to the Noyo Headlands Park property on the southern part of the former mill site (near the City’s wastewater treatment facility). The property was acquired with a “repayable” grant provided by the State Coastal Conservancy.</p>

</section>

Answer 1

你实际上无法将任何内容包装在img标记内，因为它不包含结束标记，例如段落标记具有结束标记<p></p>。

如果您希望在div周围显示边框图像，则可以参考此链接http://www.w3schools.com/cssref/css3_pr_border-image.asp

我认为你的问题太混乱了，因为我看不到你的代码中包含任何div的任何段落标签。如果我的问题出错了，请详细说明或显示任何类似于你想要实现的例子。

你如何围绕像段落的浮动div包装图像？

1 个答案: