айналдыру жолақтарын көрсетпестен, 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

Сіз span-ді 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, көзі
бірақ айналдыру жолағы туралы не істей аламын! мен бұл мәтінді сколл-барларсыз айналдыруға мәжбүрлеймін және оны тышқанмен ғана айналдыра аламын!
қосылды автор MoonLight, көзі
қымбат Mathieu i css-ны тексеремін, бірақ менің сілтемелерімде жылжыту жолақтарын таба алмаймыз! өте нәзік болады!
қосылды автор MoonLight, көзі
Мен сондай-ақ ақылдасуды тексеремін: жасырын -> желілік үзіліс әлі де бар! неге?
қосылды автор MoonLight, көзі
Мүмкін сіз бір нәрсе жасай аласыз, файл атауын тышқанмен қасыңызда, файлдағы файлдың мәтіні divда жазылады? Немесе сіз тышқанның диспетчерін файлдың атының толық ұзындығы бар файлдың аты.
қосылды автор Mathieu, көзі
биіктікті 20 пиксельге орнатып, аралықты div-ге өзгерту керек. Кейінірек айналдыру мәселесін іздеймін
қосылды автор Mathieu, көзі

Егер сіз айналдыру тақтасын қаламасаңыз, бірақ айналдыруды қаласаңыз, онда ең айқын шешім JavaScript-ге қолданады. Егер сіз jquery-ге кірсеңіз, мұнда:

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

Мен олардың біреуін (http://www.demo.creamama.fr/plugin-scrollbar/) сынап көрдім, overflow: hidden> және div жағдайға ұқсас болуы үшін show: none; дегенге өтіңіз және бұл маған айналдыру жолағы жоқ жылжымалы div береді. Дегенмен, UI көзқарасынан ойымша, жылжыту жолағы жоқ жылжымалы бөлім болуы жақсы идея емес. Кем дегенде, Mac OS Lion жылжыту жолақтарында болғандай, бірдеңе жанып тұруы керек, немесе сіз айналдыра аласыз. Сіз бұл жерде JavaScript шешімдерінің бірін жасай аласыз, мысалы, кішкентай айналдыру тақтасы немесе индикаторы бар.

1
қосылды
Мен jsfiddle-де бірден нәрсені соққыға түсірмеуге тырыстым, бірақ бұл оңай емес. Егер сіз jQuery шешімдерінің біреуін орындауға тырыссаңыз, мен әлі де дұрыс жұмыс істемесе, көруге қуаныштымын.
қосылды автор kasimir, көзі
Жауап үшін рахмет/Сіз бізбен jsfiddle ішіндегі үлгі көрсетесіз бе?
қосылды автор MoonLight, көзі

CSS3-нің маркисі -ні пайдаланудың қысқаша нұсқасы қарапайым шешімді көре алмаймын. Сіз Javascript пайдалануыңыз керек.

Сызықтың үзілуін болдырмау үшін white-space: nowrap; қолдануға болады.

1
қосылды
ұпайыңыз үшін рақмет
қосылды автор MoonLight, көзі