Css <;部门>;跳转到新线

Css <;部门>;跳转到新线,css,html,less,Css,Html,Less,当我的黄色div中的文本变长时,它会跳下来 >打我!打我-打我 当文本变长时,如何确保黄色div不会向下跳。日志文本应自动将brokken移至新行 (是否可以在不将“宽度”设置为黄色div的情况下解决此问题)您可以使用Flexbox实现所需的结果(如果这是一个选项) 点击我!打我-打我 您可以使用Flexbox来实现所需的结果(如果这是一个选项) 点击我!打我-打我 尝试将显示:内联块更改为内联块,如下所示: <html> <div style="b

当我的黄色div中的文本变长时,它会跳下来


  • >打我!打我-打我
当文本变长时,如何确保黄色div不会向下跳。日志文本应自动将brokken移至新行


(是否可以在不将“宽度”设置为黄色div的情况下解决此问题)

您可以使用Flexbox实现所需的结果(如果这是一个选项)


    点击我!打我-打我

您可以使用Flexbox来实现所需的结果(如果这是一个选项)


    点击我!打我-打我

尝试将显示:内联块更改为内联块,如下所示:

<html>
  <div style="background-color:#00ff00; width:200px;">
     <ul style="list-style:none;">
        <li><span style="margin-right:5px;">> <span style="display: inline; background-color:yellow;"> Hit me! Hit me! -Hit me! -</span> </li>
     </ul>
  </div>
</html>

  • >打我!打我-打我

尝试将显示:内联块更改为内联块,如下所示:

<html>
  <div style="background-color:#00ff00; width:200px;">
     <ul style="list-style:none;">
        <li><span style="margin-right:5px;">> <span style="display: inline; background-color:yellow;"> Hit me! Hit me! -Hit me! -</span> </li>
     </ul>
  </div>
</html>

  • >打我!打我-打我

您可以将宽度设置为
auto
或仅删除它,您不想这样做?您可以将宽度设置为
auto
或仅删除它,您不想这样做?嗨,Tim Barnett,它与style=“display:flex;但是为什么?display flex是什么“干什么?你知道它是否适用于所有浏览器吗?我接受你的答案soonHi Tim Barnett,它与style=“display:flex;一起工作;但是为什么?display flex”在做什么?你知道它是否在每个浏览器中都工作吗?我很快接受你的答案