css样式动态变化的宽度

文件

css样式动态变化的宽度

weblog 1139 0 0

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>

效果如下