Переполнение текста эллипсис точки должны быть в центре текста ⇐ CSS

[Anonymous]

Я хочу, чтобы точки ellipsis были центром текста. Когда я использую переполнение текста: Ellipsis < /code>, он показывает последнюю точки, в то время как я хочу, чтобы они были центрированы.

Код: Выделить всё

p.test1 {
white-space: nowrap;
width: 100px;
border: 1px solid green;
overflow: hidden;
text-overflow: ellipsis;
padding:10px;
}< /code>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
< /code>
< /div>
< /div>
< /p>

Приведенный выше пример показывает результат, подобный этому < /p>

1 2 3 4 5 6 7 8 9...< /code> < /p>

Ожидаемый результат что -то вроде: < /p>

1 2 3 4 5 6 ... 13 14 15 16 17 18

Подробнее здесь: https://stackoverflow.com/questions/429 ... f-the-text