как исправить с помощью списка или привязки элемента в HTML?

Question

У меня есть сайт со списком и якорными ссылками.

Я хочу, чтобы длина привязки была фиксированной, чтобы она не переходила на следующую строку.

При наведении курсора мыши должен отображаться оставшийся текст, а после того, как курсор пропускается из ссылки, он снова должен быть возвращен к нормальной строке.

Я хочу такой, как зеленый цвет.

Answer 1

Попробуйте это

http://jsbin.com/etete3/2

Проверено в FF 3.6 IE 8 и 7

HTML

<a href="#" id="hello">Hello World, how are you, where is peace</a>

<a href="#" id="hello2">Hello World, how are you, where is peace</a>

1011 * CSS *

a {background:yellow;width:150px;display:block;height:20px;overflow:hidden}

a:hover {background:pink;display:block;overflow:visible;height:auto;}

Я только что добавил цвет, например. Вы можете дать свой стиль

Answer 2

Только установка фиксированной высоты и установка этой высоты в качестве «авто» при наведении не будут работать во всех случаях, что в некоторых случаях приведет к проблемам с перекрытием текста.Нам нужно установить атрибут «переполнение» также как «скрытый».

Answer 3

Как насчет использования атрибута height? Установите фиксированную высоту для элемента, затем сделайте высоту auto при наведении.