当前位置: 首页 > 知识库问答 >
问题:

文字环绕图像两个单独的组件

朱炜
2023-03-14

在angular中,如果文本是在两个单独的组件中,是否可以将它们环绕在图像周围?还是图像和文本必须存在于同一个组件中?

<div class="row">
   <app-img></app-img>
   <app-copy></app-copy>
</div>

共有1个答案

柳珂
2023-03-14

代码模拟器:StackBlitz

向组件标记添加样式为我解决了问题。

<div class="row">
  <app-my-img style="float:left"></app-my-img>
  <app-my-copy></app-my-copy>
</div>
 类似资料:
  • 搜索了几个星期的网页,但不能找到满足我所有需求的答案(只有部分),帮助是非常欢迎的。 我想要的和已经完成的: 符合普通HTML5和CSS 在文章中显示图像 图像必须有标题 标题必须位于图像下方 标题必须限制在图像的水平大小 标题可能长于一行,文本应换行到下一行(仍在图像大小范围内) 图像和标题必须作为一组向左或向右浮动(请考虑使用 ) 文章文本必须环绕图像和标题 图像大小不同(第一个图像为200p

  • 我有一个引导网格设置,在网格的一个单元格内有一个div浮动在右边,宽度为250px;当然,单元格内的文本遵循浮动的div轮廓并环绕它;有时我会在文本中添加一些应该填充单元格的图像(100%的宽度,img响应类,就像bootstrap做的那样)。我如何能让图像停止在浮动div如果存在在它的侧面?在我的设置,图像填充宽度正确,如果浮动不存在(或图像开始在它下面),这是完全正确的,但如果图像开始在它旁边

  • 问题内容: 我知道有关类似主题的一些问题,但它们大部分相当于浮动div /图像。我需要将图像(和div)放置在绝对位置(向右偏移),但我只希望文本围绕它流动。如果我将div浮动,则可以使用,但是无法将其放置在所需的位置。因为它是文字,只是在图片后面流动。 是HTML的示例 随着CSS是: 这是一个Drupal主题,所以这些代码都不是我的,只是在将图片放在那里时,它并没有完全起作用。 问题答案: 绝

  • 在图像框架中让文本环绕图像 在文本框架中环绕文本的技巧是将图像复制并粘贴(而不是置入)到文本框架中,然后使用“环绕”面板调整环绕设置。 要在图像周围环绕文本,请执行以下步骤: 单击页面上的任何位置或页面外部的灰色区域。 选择“文件”>“置入”,然后浏览并选择图像文件。 单击“打开”以关闭“导入”对话框。 在页面上包含构件的区域以外单击并拖动光标。 通过单击并拖动,可以调整图像大小,并且会临时显示百

  • 我正在构建一个上传页面,该页面应该可以拍摄多幅图像,并使用aws amplify storage将其上传到aws s3。 我有一些问题 > 我需要在上传之前将所有图像编码为base64格式。 它一次只允许上传一个图像,所以我需要遍历文件数组并分别上传每个文件。 我无法使用文件获取文件名。名称。 我应该如何循环遍历图像文件数组,在base64中对它们进行编码,并分别上载每个文件? 下面的代码用于一次

  • 本文向大家介绍编写一个布局,让文字环绕在图片的周围相关面试题,主要包含被问及编写一个布局,让文字环绕在图片的周围时的应答技巧和注意事项,需要的朋友参考一下 让图片 就可以了,如果还想要实现文字圆形环绕图片的效果,可以使用 属性