将子级宽度添加到父级内容

麦库兹

我不确定确切写什么标题,但是我的jsfiddle应该使所有内容都非常清楚。

https://jsfiddle.net/1btr7mkq/

<div class="blabla">
  Bla bla bla blalblabl bla bla bla bla bla
  <div class="questionMark">?</div>
</div>

如果我将输出窗口缩小,则会有一个甜蜜的地方,问号落入第二行,但是blabla停留在第一行。

在此处输入图片说明

如何避免这种互动?我看到2种可能的解决方案,第一种解决方案是在右侧为问号“保留”宽度。这样,如果文本距离右边缘40像素以内,它将被下拉。

第二,更好的解决方案是在右侧不保留宽度。在这种情况下,最后一行上方的行可以使用完整宽度,并且在行末之前不会换行40px。在这种情况下,页面将不得不“检测”问号跳行,并在其自己的内容下添加空白行。

我已经尝试了一些方法,但是无法按照我的要求使它们中的任何一个都起作用。

约翰尼斯

只需将带有问号的DIV放在容器DIV的开头即可。float: right结合,将图像始终放置在容器的右上角,并允许文本在其左下方浮动:

<div class="blabla">
  <div class="questionMark">?</div>
  Bla bla bla blalblabl bla bla bla bla bla
</div>

https://jsfiddle.net/5cysbv5h/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将子级添加到父级实体而不加载完整的子级图

来自分类Dev

如何使用宽度和高度的百分比将子视图添加到父级RelativeLayout

来自分类Dev

JavaFX:将子级添加到根父级后的自动调整大小阶段

来自分类Dev

将JavaFX子级AnchorPane添加到父级AnchorPane后未显示

来自分类Dev

将类添加到具有子级的CSS的父级

来自分类Dev

如何使用JavaScript将类添加到父级的子级元素

来自分类Dev

动态将RelativeLayout子级添加到父级布局不起作用

来自分类Dev

unity将子级添加到子级中

来自分类Dev

软件设计模式:将子级添加到父级,然后将父级分配给子级

来自分类Dev

当子链接处于活动状态时,将活动类添加到父级li

来自分类Dev

子菜单处于活动状态时,将类添加到父级li

来自分类Dev

使用MVC 5将父级和子级添加到Kendo UI控制器

来自分类Dev

如果父级列表项中有子级,如何将类添加到链接中?

来自分类Dev

使用MVC 5将父级和子级添加到Kendo UI控制器

来自分类Dev

使用javascript将HTML子级和父级选项卡添加到活动类

来自分类Dev

将孩子的班级添加到父级

来自分类Dev

将类添加到输入父级

来自分类Dev

将任务添加到父级的多处理池

来自分类Dev

将孩子添加到父级的Rails路线

来自分类Dev

将元素添加到代码父级

来自分类Dev

将类添加到表单选择父级

来自分类Dev

将div移出父级并添加到上面的父级中

来自分类Dev

将孩子添加到 MVC 父级编辑中的父级列表

来自分类Dev

将视图添加到父级时,RelativeLayout 不会扩展以填充父级

来自分类Dev

XSL转换拆分标签-添加到父级和子级

来自分类Dev

如果所有子级都有班级,则将班级添加到父级

来自分类Dev

JavaFX:将子级添加到ScrollPane

来自分类Dev

无法将子级添加到linearLayout

来自分类Dev

如何将子级添加到QGraphicsItem

Related 相关文章

  1. 1

    将子级添加到父级实体而不加载完整的子级图

  2. 2

    如何使用宽度和高度的百分比将子视图添加到父级RelativeLayout

  3. 3

    JavaFX:将子级添加到根父级后的自动调整大小阶段

  4. 4

    将JavaFX子级AnchorPane添加到父级AnchorPane后未显示

  5. 5

    将类添加到具有子级的CSS的父级

  6. 6

    如何使用JavaScript将类添加到父级的子级元素

  7. 7

    动态将RelativeLayout子级添加到父级布局不起作用

  8. 8

    unity将子级添加到子级中

  9. 9

    软件设计模式:将子级添加到父级,然后将父级分配给子级

  10. 10

    当子链接处于活动状态时,将活动类添加到父级li

  11. 11

    子菜单处于活动状态时,将类添加到父级li

  12. 12

    使用MVC 5将父级和子级添加到Kendo UI控制器

  13. 13

    如果父级列表项中有子级,如何将类添加到链接中?

  14. 14

    使用MVC 5将父级和子级添加到Kendo UI控制器

  15. 15

    使用javascript将HTML子级和父级选项卡添加到活动类

  16. 16

    将孩子的班级添加到父级

  17. 17

    将类添加到输入父级

  18. 18

    将任务添加到父级的多处理池

  19. 19

    将孩子添加到父级的Rails路线

  20. 20

    将元素添加到代码父级

  21. 21

    将类添加到表单选择父级

  22. 22

    将div移出父级并添加到上面的父级中

  23. 23

    将孩子添加到 MVC 父级编辑中的父级列表

  24. 24

    将视图添加到父级时,RelativeLayout 不会扩展以填充父级

  25. 25

    XSL转换拆分标签-添加到父级和子级

  26. 26

    如果所有子级都有班级,则将班级添加到父级

  27. 27

    JavaFX:将子级添加到ScrollPane

  28. 28

    无法将子级添加到linearLayout

  29. 29

    如何将子级添加到QGraphicsItem

热门标签

归档