Question

我有以下html：

<html>
<body>
    <div>
        <span>123456</span>
        <span>ABC DEF HGI KLM NOP QRS TUV WXYZ ASASASASASAS </span>            
    </div>
</body>

问题：当浏览器变小时，字母数字文本将包含在123456下我希望它包裹在跨度内并且不在左侧跨度之下。
即

123456 ABC DEF HGI KLM NOP QRS 
       TUV WXYZ ASASASASASASASAS

而不是

123456 ABC DEF HGI KLM NOP QRS 
TUV WXYZ ASASASASASASASAS

有没有办法在不使用CSS的情况下这样做？只有内联属性？

Answer 1

当然，将跨度的显示属性设置为table-cell：

span {
  display: table-cell;
}

<div>
  <span>123456</span>
  <span>ABC DEF HGI KLM NOP QRS TUV WXYZ ASASASASASAS </span> 
</div>

Answer 2

你可以尝试花车：

＆＃13;

span:first-child {
  float: left;
}
span:last-child {
  display: block;
  overflow: hidden;
}

＆＃13;

<div>
  <span>123456</span>
  <span>ABC DEF HGI KLM NOP QRS TUV WXYZ ASASASASASAS</span>
</div>

＆＃13;

如何在html中对块内的文本进行限制？

2 个答案: