як прокручується текстова лінія всередині div без показу смуг прокрутки

PLZ див. посилання нижче:

Довга назва файлу всередині дива

when you see those long file names with firebug you will find a span that tell us ->

.FileName {
    float: left;
    width: 438px;
}

ми маємо визначену ширину для цього проміжку!

q # 1: так, чому у нас є переповнення і як я можу це виправити?

q # 2 (важливо): чи можна зробити це ім'я прокручуваним, не показуючи смуги прокрутки?

edit
(with jQuery or JavaScript or css)

Спасибі заздалегідь

0

3 Відповіді

Ви переповнені, оскільки цей текст не може зламати (немає пробілів):

R1DA029_APP_SW_1212_2395_GENERIC_KT_REDBROWNBLUE_CID52_49_DB3210

Ви можете змінити діапазон на div і дати їм висоту і переповнення: приховано.

Html:

<div class="FileName">R1DA029_APP_SW_1212_2395_GENERIC_KT_REDBROWNBLUE_CID52_49_DB3210  asangsm.com.rar</div>

Css:

.FileName{
    float: left;
    width: 438px;
    height: 20px;
    overflow: hidden;
}

Я не думаю, що це ім'я можна прокрутити, не показавши смуги прокрутки.

3
додано
Спасибі за відповідь/"Я не думаю, що це можливо ...", але я думаю, що я бачив щось подібне на веб-сайті - таким чином, має бути спосіб це зробити!
додано Автор MoonLight, джерело
але що я можу зробити про смугу прокручування! Я просто хочу, щоб цей текст прокручувався без смуг scoll і можна прокручувати його лише за допомогою миші!
додано Автор MoonLight, джерело
Шановний Mathieu я перевіряю ваш css/але ми не можемо мати смуги прокрутки в моїх посиланнях! буде дуже потворним!
додано Автор MoonLight, джерело
також я перевіряю overfllow: hidden -> все ще є перерва на лінію! чому?
додано Автор MoonLight, джерело
Можливо, ви могли б щось зробити, коли ви наведете курсор на ім'я файлу, текст тексту файлу прокручується в div? Або коли ви наведіть курсор миші, div з'являється через .FileName-div з повною довжиною імені файлу?
додано Автор Mathieu, джерело
ви повинні встановити свій висоту до 20 пікселів і змінити пропускну здатність на розділ. Я пізніше подивись на проблему прокрутки
додано Автор Mathieu, джерело

Якщо ви не хочете смуги прокрутки, але хочете прокручувати, то найбільш очевидним рішенням буде використання деякого JavaScript. Якщо ви ввійшли в журнал, ось деякі:

http://www.net-kit.com/jquery-custom-scrollbar- плагіни/

Я спробував одну з них (http://www.demo.creamama.fr/plugin-scrollbar/), встановивши розділ, що містить текст, до overflow: hidden; та div, що містить прокрутку на display: none; , щоб імітувати свою ситуацію, і це дає мені прокрутну ділі без смуги прокрутки.
Однак, я думаю, з точки зору інтерфейсу, не найкраща ідея мати прокручуваний розділ без смуги прокрутки. Принаймні, щось має загорівся (як і в панелі прокрутки Mac OS Lion), що вказує на те, що ви можете або прокрутити. Ви можете створити один з рішень JavaScript, щоб зробити це, наприклад, за допомогою крихітної смуги прокрутки або індикатора.

1
додано
Я намагався ляпати щось разом швидко в jsfiddle, але це не йде легко. Якщо ви могли б спробувати реалізувати одне з рішень jquery, я був би радий поглянути, якщо він все ще не працює належним чином.
додано Автор kasimir, джерело
спасибі за відповідь/б ви б plz показати нам зразок у jsfiddle!
додано Автор MoonLight, джерело

Недостатньо використання майданчика CSS3 , я не бачу жодного просте рішення. Вам доведеться використовувати Javascript.

Як уникнути розриву рядка, ви можете використовувати white-space: nowrap; .

1
додано
дякую за вашу точку зору
додано Автор MoonLight, джерело
ІТ КПІ - JavaScript
ІТ КПІ - JavaScript
504 учасників

співтовариство javascript розробників в Telegram