Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.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
Css 设置文本旁边的图像，而不使用顺风环绕图像的文字_Css_Tailwind Css - Fatal编程技术网
Fatal编程技术网
  • css/
  • Css 设置文本旁边的图像，而不使用顺风环绕图像的文字

Css 设置文本旁边的图像，而不使用顺风环绕图像的文字

css

Css 设置文本旁边的图像，而不使用顺风环绕图像的文字,css,tailwind-css,Css,Tailwind Css,我有这个网页布局，我希望文本是正确的图像 但如果文本按高度展开，则不会溢出到图像下方的左侧，如下所示： 我的代码如下所示： <div class="content py-2 px-10"> <img class="w-48 h-48 float-left " src="#" alt=""> <div class="item-b

我有这个网页布局，我希望文本是正确的图像 但如果文本按高度展开，则不会溢出到图像下方的左侧，如下所示：

我的代码如下所示：

 <div class="content py-2 px-10">
            <img class="w-48 h-48 float-left " src="#" alt="">
            <div class="item-body ">
              lorem ...
            </div>
          </div>


洛勒姆。。。
我在图像上使用的是float left，它允许文本位于右侧，但如果文本距离图像高度更远，它会位于图像下方，如下所示：

我尝试将
右浮动
添加到我的项目主体中，但随后整个文本都显示在我的图像下方

我尝试添加
清除
属性，但似乎没有任何效果。



与流行的观点相反，Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一段古典拉丁文学，距今已有2000多年的历史。弗吉尼亚州汉普顿悉尼学院的拉丁语教授理查德·麦克林托克（Richard McClintock）从《洛伦·伊普斯姆》（Lorem Ipsum）一段中查找了一个更为晦涩的拉丁语单词，即“Concertetur”，并查阅了古典文学中对该词的引用，发现了该词无可置疑的来源。Lorem Ipsum来自西塞罗于公元前45年所著《德菲尼布斯·博诺勒姆和马洛勒姆》（善与恶的极端）的第1.10.32节和第1.10.33节。这本书是一本关于伦理学理论的论文，在文艺复兴时期非常流行。Lorem Ipsum的第一行“Lorem Ipsum dolor sit amet..”来自第1.10.32节中的一行。
以下是自1500年代以来使用的Lorem Ipsum的标准块，供感兴趣的人参考。西塞罗的“de Finibus Bonorum et Malorum”中的第1.10.32节和第1.10.33节也以其原始形式复制，并附有H.Rackham 1914年翻译的英文版本。