我有一个'header'元素，它左边有一个图标，右边有一个带文本的div。
如果文本短于图标右侧的空格，则我希望它在屏幕上居中，但当文本长时，我希望它从图标右侧开始，并用省略号填充屏幕的其余部分。
| [icon] centred |
| [icon]Starts from the lef...|
这里有一个jsbin来说明这个问题：
https://jsbin.com/jaxolic/edit?html，输出
我希望"START"位于方形图标的右侧，但也希望"more text"位于屏幕中央，而不是图标右侧的区域(如果我将#icon设置为非位置：绝对，并将#text设置为右侧，则会发生这种情况(。
[EDIT]我做了一些更改，以说明我希望"更多文本"在哪里对齐——两个"更多文字"文本应该对齐。
不确定它是否适用于您的项目，但我通过为#textdiv声明一个固定宽度来实现它，这样它就不会试图占用100%的容器宽度：https://jsbin.com/votixoj/edit?html，输出