相关疑难解决方法(0)

例如,我有一个我想浮动的元素

<View style={{width: 300}}>
  <Text style={{backgroundColor: "#DDD"}}>Hello</Text>
</View>

如何Text浮动/对齐到右边？另外,为什么Text占据了整个空间View,而不仅仅是"你好"的空间？

我有一个带有段落和标题的文本容器.在页面的底部,我想将图像浮动到页面的右侧,而文本环绕图像.图像的底部应与最后一段的底部齐平.

页面宽度是可变的(响应),但图像尺寸是固定的.是否有可能在HTML和CSS中实现这一点(CSS3很好)？如果没有,可以用最少量的Javascript完成吗？

这是我想要完成的示意图:

HTML目前看起来像这样,但如果需要可以更改.我并不特别关心图像所在的文档中的位置.使用背景图像也可以.

<section>
  <h2>...</h2>
  <p>... ...</p>
  <p>... ...</p>
  ...
  <img src="...">
</section>

当我float: right在图像上设置时,它会向右浮动,但我无法将其对齐到页面底部.建议？

编辑:我得到的最接近是这 ... :-)

我想做这样的事情

问题是我需要p缩进并证明对齐.我可以将图像浮动到左边,然后设置显示h3和p内联,但后来我无法设置缩进,更重要的是使文本合理.任何人有任何想法如何解决这个问题？谢谢!

我可以简单地float用来实现文本环绕<img>元素,我理解这<img>是一个内联元素,并且<p>是一个块级元素,所以为了使它们内联,我应该创建<p>一个内联元素或者使用它<span>.

问题是,如果我将它们全部视为内联元素,它会在图像旁边和文本顶部留下一个巨大的空白区域.

我想知道导致空白的原因.

这是我的JS小提琴