HTML סקראָלל באָקס

שאַפֿן אַ קעסטל מיט סקראָללינג טעקסט ניצן CSS און HTML

אַ HTML מעגילע קעסטל איז אַ קעסטל אַז מוסיף מעגילע באַרס אויף די רעכט זייַט און דנאָ ווען די אינהאַלט פון די קעסטל איז גרעסער ווי די קעסטל דימענשאַנז. אין אנדערע ווערטער, אויב איר האָבן אַ קעסטל וואָס קענען פּאַסירן וועגן 50 ווערטער, און איר האָבן טעקסט פון 200 ווערטער, אַ HTML מעגילע קעסטל וועט שטעלן מעגילע באַרס אַרויף צו לאָזן איר זען די נאָך 150 ווערטער. אין נאָרמאַל HTML וואָס וואָלט פשוט שטופּן די עקסטרע טעקסט אַרויס פון די קעסטל.

מאַכן HTML מעגילע איז פערלי גרינג. איר נאָר דאַרפֿן צו שטעלן די ברייט און הייך פון דעם עלעמענט איר ווילן צו מעגילע, און דעמאָלט ניצן די קסס אָוווערפלאָו פאַרמאָג צו שטעלן ווי איר ווילן די סקראָללינג צו פאַלן.

וואָס צו טאָן מיט עקסטרע טעקסט?

ווען איר האָבן מער טעקסט ווי וועט פּאַסיק אין די פּלאַץ אויף דיין אויסלייג, איר האָבן אַ ביסל אָפּציעס:

דער בעסטער אָפּציע איז טיפּיקלי די לעצטע אָפּציע: שאַפֿן אַ סקראָללינג טעקסט קעסטל. דעמאָלט עקסטרע טעקסט קענען נאָך זיין לייענען, אָבער דיין פּלאַן איז נישט קאַמפּראַמייזד.

HTML און CSS פֿאַר דעם וואָלט זיין:

text here ....

די לויפן: אַוטאָ; דערציילט דעם בלעטערער צו לייגן מעגילע באַרס אויב זיי זענען דארף צו האַלטן די טעקסט פון איבערפלאַדינג די באַונדריז פון די דיוו. אבער אין סדר פֿאַר דעם צו אַרבעט, איר אויך דאַרפֿן די ברייט און הייך סטיל פּראָפּערטיעס שטעלן אויף די דיוו, אַזוי אַז עס זענען באַונדריז צו לויפן.

איר קענען אויך שנייַדן אַוועק די טעקסט דורך טשאַנגינג לויפן: אַוטאָ; צו לויפן: פאַרבאָרגן ;. אויב איר לאָזן אויס די אָוווערפלאָו פאַרמאָג, די טעקסט וועט פאַרגיסן איבער די באַונדריז פון די דיוו.

איר קענען לייגן מעגילע באַרס צו מער ווי פונקט טעקסט

אויב איר האָבן אַ גרויס בילד וואָס איר וואָלט ווי צו ווייַזן אין אַ קלענערער אָרט, איר קענען לייגן מעגילע באַרס אַרום אים אין די זעלבע וועג איר וואָלט האָבן מיט טעקסט.

אין דעם בייַשפּיל, די 400 קס 509 בילד איז ין אַ 300 קס 300 פּאַראַגראַף.

טישן קענען בענעפיץ פון מעגילע באַרס

לאנג טישן פון אינפֿאָרמאַציע קענען זיין זייער שווער צו לייענען זייער געשווינד, אָבער דורך שטעלן זיי ין אַ דיוו פון אַ לימיטעד נומער און דעמאָלט לייגן די אָוווערפלאָו פאַרמאָג, איר קענען דזשענערייט טישן מיט גורל פון דאַטן וואָס טאָן ניט נעמען עקסטרעם אָרט אויף דיין בלאַט .

די יזיאַסט וועג איז פּונקט ווי מיט בילדער און טעקסט, נאָר לייגן אַ דיוו אַרום די טיש, שטעלן די ברייט און הייך פון דעם דיוו, און לייגן די אָוווערפלאָו פאַרמאָג:

<טד> <טד> דזשענניפער <טד> 502-5366 ....

איין זאַך וואָס כאַפּאַנז ווען איר טאָן דאָס איז אַ האָריזאָנטאַל מעגילע באַר יוזשאַוואַלי אויס ווייַל דער בלעטערער אַסומז אַז די קראָום פון די מעגילע באַרס איז אָוווערלאַפּינג די טיש. עס זענען פילע וועגן צו פאַרריכטן דעם פון טשאַנגינג די ברייט פון די טיש און אנדערע. אבער מיין באַליבסטע איז נאָר פשוט אָפּשטעלן האָריזאָנטאַל סקראָללינג מיט די קסס 3 פאַרמאָג אָוווערפלאָו-X. נאָר לייגן אָוווערפלאָו-רענטגענ: פאַרבאָרגן; צו די דיוו, און וואָס וועט אַראָפּנעמען די האָריזאָנטאַל מעגילע באַר. זיין זיכער צו פּרובירן דאָס, ווי עס קען זיין צופרידן אַז פארשווינדט.

פירעפאָקס שטיצט ניצן די TBODY טאַגס פֿאַר אָווערפלאָוו

איינער טאַקע פייַן שטריך פון די פירעפאָקס בלעטערער איז אַז איר קענען נוצן די אָוווערפלאָו פאַרמאָג אויף ינער טיש טאַגס ווי טבע און טייד אָדער טפאָאָט. דעם מיטל אַז איר קענען שטעלן מעגילע באַרס אויף די טיש אינהאַלט, און דער כעדער סעלז בלייַבן אַנגקערד אויבן זיי. דעם נאָר אַרבעט אין פירעפאָקס , וואָס איז אויך שלעכט, אָבער עס איז אַ פייַן שטריך אויב דיין רידערז נאָר נוצן פירעפאָקס. בלעטער צו דעם בייַשפּיל אין פירעפאָקס צו זען וואָס איך מיינען.

<טיש נוסח = "ברייט: 300 פּקס;"> <טאַד> <טר> <טה> נאָמען <טה> טעלעפאָנירן <טאָדי נוסח = "לויפן: אַוטאָ; איבערפלאָף-רענטגענ: פאַרבאָרגן, הייך: 100 פּקס; "> <טר> <טד> דזשענניפער <טד> 502-5366 ...