css样式动态变化的宽度
css样式动态变化的宽度
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<div style="width:500px;background-color:#ccc;float:left;">
<span style="float:left;background-color:red;">
左侧文本宽度
</span>
<span style="display: flow-root;overflow: hidden;text-align: center;white-space: nowrap;text-overflow: ellipsis;">
右侧随左侧的宽度的变化而变化，超过父容器的时候变成三个点
</span>
</div>
</body>
</html>
效果如下
fixed
没有一个冬天不可逾越，没有一个春天不会来临。最慢的步伐不是跬步，而是徘徊，最快的脚步不是冲刺，而是坚持。