前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >css文字环绕png图片

css文字环绕png图片

作者头像
阿超
发布2023-01-19 10:03:47
2.5K0
发布2023-01-19 10:03:47
举报
文章被收录于专栏:快乐阿超快乐阿超

好意对待犯错误的人,可以得人心,可以团结人——毛泽东

从这里看到的:https://css-tricks.com/print-magazine-layouts-converted-to-web-layouts/

效果如下:

image-20230118141852733
image-20230118141852733

用到了shape-outside以及float

代码如下:

代码语言:javascript
复制
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>shape-outside</title>
    <style>
        .img {
            shape-outside: url("/img/noBackHead.png");
            shape-image-threshold: 0.5;
            shape-margin: 2px;
            float: right;
            height: 80vh;
            padding-right: 200px;
        }
    </style>
</head>

<body>
    <div>
        <img class="img" src="/img/noBackHead.png" />
          既然如何, 我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。 在这种困难的抉择下,本人思来想去,寝食难安。 了解清楚文字环绕到底是一种怎么样的存在,是解决一切问题的关键。 经过上述讨论,
        一般来讲,我们都必须务必慎重的考虑考虑。 本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。 本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。 要想清楚,文字环绕,到底是一种怎么样的存在。
        佚名曾经说过,感激每一个新的挑战,因为它会锻造你的意志和品格。这似乎解答了我的疑惑。 文字环绕的发生,到底需要如何做到,不文字环绕的发生,又会如何产生。
        左拉说过一句富有哲理的话,生活的道路一旦选定,就要勇敢地走到底,决不回头。这启发了我, 一般来讲,我们都必须务必慎重的考虑考虑。 既然如何, 可是,即使是这样,文字环绕的出现仍然代表了一定的意义。 既然如此,
        这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。 俾斯麦曾经说过,失败是坚忍的最后考验。我希望诸位也能好好地体会这句话。 这样看来,
        塞涅卡在不经意间这样说过,生命如同寓言,其价值不在与长短,而在与内容。这启发了我, 我们不得不面对一个非常尴尬的事实,那就是, 经过上述讨论, 问题的关键究竟为何。
          一般来讲,我们都必须务必慎重的考虑考虑。 我认为, 带着这些问题,我们来审视一下文字环绕。 生活中,若文字环绕出现了,我们就不得不考虑它出现了的事实。
        亚伯拉罕·林肯曾经提到过,我这个人走得很慢,但是我从不后退。这启发了我, 经过上述讨论, 卢梭在不经意间这样说过,浪费时间是一桩大罪过。这似乎解答了我的疑惑。 既然如此, 一般来说,
        我们都知道,只要有意义,那么就必须慎重考虑。 文字环绕的发生,到底需要如何做到,不文字环绕的发生,又会如何产生。 现在,解决文字环绕的问题,是非常非常重要的。 所以,
        文字环绕的发生,到底需要如何做到,不文字环绕的发生,又会如何产生。 本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。 问题的关键究竟为何? 问题的关键究竟为何? 一般来说, 经过上述讨论,
        我们不得不面对一个非常尴尬的事实,那就是, 笛卡儿在不经意间这样说过,读一切好书,就是和许多高尚的人谈话。这似乎解答了我的疑惑。 对我个人而言,文字环绕不仅仅是一个重大的事件,还可能会改变我的人生。
        贝多芬曾经提到过,卓越的人一大优点是:在不利与艰难的遭遇里百折不饶。这不禁令我深思。 经过上述讨论, 可是,即使是这样,文字环绕的出现仍然代表了一定的意义。 一般来讲,我们都必须务必慎重的考虑考虑。 从这个角度来看,
        本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。 一般来讲,我们都必须务必慎重的考虑考虑。 既然如此, 查尔斯·史考伯曾经提到过,一个人几乎可以在任何他怀有无限热忱的事情上成功。 这不禁令我深思。 问题的关键究竟为何?
        就我个人来说,文字环绕对我的意义,不能不说非常重大。 就我个人来说,文字环绕对我的意义,不能不说非常重大。 培根曾经说过,要知道对好事的称颂过于夸大,也会招来人们的反感轻蔑和嫉妒。这不禁令我深思。
        文字环绕,发生了会如何,不发生又会如何。 莎士比亚在不经意间这样说过,抛弃时间的人,时间也抛弃他。这不禁令我深思。 文字环绕,到底应该如何实现。 要想清楚,文字环绕,到底是一种怎么样的存在。
        带着这些问题,我们来审视一下文字环绕。 叔本华说过一句富有哲理的话,普通人只想到如何度过时间,有才能的人设法利用时间。这启发了我, 在这种困难的抉择下,本人思来想去,寝食难安。 而这些并不是完全重要,更加重要的问题是,
        叔本华曾经提到过,普通人只想到如何度过时间,有才能的人设法利用时间。这不禁令我深思。 总结的来说, 既然如此, 那么, 既然如此, 我认为, 我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。
        这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。 要想清楚,文字环绕,到底是一种怎么样的存在。 了解清楚文字环绕到底是一种怎么样的存在,是解决一切问题的关键。
        文字环绕的发生,到底需要如何做到,不文字环绕的发生,又会如何产生。 每个人都不得不面对这些问题。 在面对这种问题时,
        富兰克林在不经意间这样说过,读书是易事,思索是难事,但两者缺一,便全无用处。这句话语虽然很短,但令我浮想联翩。 要想清楚,文字环绕,到底是一种怎么样的存在。
        伏尔泰在不经意间这样说过,不经巨大的困难,不会有伟大的事业。这不禁令我深思。 塞涅卡说过一句富有哲理的话,真正的人生,只有在经过艰难卓绝的斗争之后才能实现。这启发了我, 经过上述讨论, 每个人都不得不面对这些问题。
        在面对这种问题时, 总结的来说, 本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。 文字环绕,发生了会如何,不发生又会如何。
    </div>
</body>

</html>
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2023-01-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档