CSS او HTML په کارولو سره د بوډول کولو متن سره یو بکس جوړ کړئ
د ایچ ایچ ایل کتابول بکس یو داسې بوکس دی چې د سکرو سلایډونه ښي لوري او ښکته ته ورکوي کله چې د بکس محتوا د بکسونو په پرتله لوی وي. په بل عبارت، که تاسو یو داسې باکس ولرئ چې شاوخوا 50 کلمې لري، او تاسو د 200 کلمو متنونه لرئ، د ایچ ٹی ایم ایل کتابو بکس به تاسو ته د 150 نور اضافو کتلو اجازه درکړي چې د سکر بار بارونه وساتي. په معیاري HTML کې چې په اسانۍ سره اضافي متن د بکس څخه بهر وباسئ.
د HTML نسخه جوړول خورا اسانه دي. تاسو ته اړتیا لرئ چې د هغه عنصر چوکۍ او لوړوالی چې تاسو یې غواړئ کتابول غواړئ او بیا د CSS اضافي فلس ملکیت کارولو لپاره وټاکئ ترڅو وټاکئ چې څنګه طومان کولو واقع کیږي.
د اضافي متن سره څه وکړي؟
کله چې تاسو د لیږد په ځای کې د مناسب ځای په پرتله ډیر متن ولرئ، تاسو یو څو اختیارونه لرئ:
- متن لغوه کړئ ترڅو دا لنډ وي او مناسبه وي.
- متن د سرحدونو څخه هاخوا وهلو ته اجازه ورکړئ او هیله مند یم چې لیډیټ یې د ملاتړ لپاره نسکور وي.
- په هغه ځای کې چې چیرته چټک چیرته وخورئ.
- د سکالر بارونه (عموما د متن لپاره عمودی) اضافه کړئ ترڅو دا ځای د اضافي متن ښکاره کولو لپاره سیسټمونه ولګوي.
غوره انتخاب په عموم ډول وروستی اختیار دی: د توکول کولو متن باکس جوړول. وروسته اضافي متن کولی شي لوستل شي، مګر ستاسو ډیزاین سره موافق نه دی.
د دې لپاره به HTML او CSS:
اتفاذ: آٹو؛ که چیرې دوی اړتیا لري چې د ډېمو د سرحدونو د زیاتوالي په اړه متن وساتي، نو د برومان بارونو اضافه کولو لپاره لټونګر ته وایی. مګر د دې لپاره کار کولو لپاره، تاسو ته د چوکۍ او لوړ اندازې شتمنۍ ته اړتیا لري چې په div کې جوړه شوې، نو ځکه چې د زیاتوالي حدود شتون لري.
تاسو کولی شۍ د متن په تغیر بدلولو سره متن ولولی شئ: آٹو؛ لرې کولو ته: پټ. که تاسو د اضافي فاصلې ملکیت پریږدئ، متن به د ډېب د سرحدونو څخه ډک شي.
تاسو کولی شئ د ساده متن څخه زیاتو بارونو لیکل زیات کړئ
که تاسو لوی عکس لرئ چې تاسو یې په کوچنیو ځایونو کې نندارې ته وړاندې کوئ، تاسو کولی شئ د هغې په شاوخوا کې د سرلیک سلایډونه په ورته ډول سره متناسب کړئ.
په دې مثال کې، 400x509 انځور د 300x300 300 پاراګراف دننه دی.
میزونه د سکرول بارونو څخه ګټه اخلي
د معلوماتو اوږد میزونه کولی شي خورا چټک لوستلو لپاره خورا ستونزمن وي، مګر د دوی محدود محدودیت په دننه کې یې واچوي او بیا د اضافي فابريکې اضافه کول، تاسو کولی شئ د ډیرو معلوماتو سره میزونه پیدا کړئ چې ستاسو په پاڼه کې خورا ځای نه پورته کوي .
ترټولو اسانه لاره د انځورونو او متن سره ورته ده، یواځې د میز شاوخوا ډېری اضافه کړئ، د دې ویب چوکۍ او لوړوالی مقرر کړئ، او د اضافي پراخې ملکیت اضافه کړئ:
502-5366 td> tr> .... tbody> table> div> یو څه چې تاسو یې ترسره کوئ کله چې دا دا د افقی اسولال بار دی عموما داسې ښکاري چې دا برنامه داسې انګیرل کیږي چې د سکول بارونو کروم د میز اضافه کول دي. د میز د چوکۍ او نورو بدلونونو څخه د دې د حل کولو لپاره ډیری لارې شتون لري. مګر زما خوښه دا ده چې ساده توګه د CSS 3 شتمنۍ د اضافي فایل-x سره افقی سکولینګ بند کړئ. یوازې په اضافه توګه اضافه کړئ - x: پټ؛ د ویش لپاره، او دا به د افقی سوريال بار لیرې کړي. ډاډ ترلاسه کړئ چې دا ازموینه وکړئ، ځکه چې ممکن هغه محتويات وي چې له مینځه ځي. فایرفوکس د تاوان لپاره د TBODY ټکو کارولو ملاتړ کويد فایبر فاکس بریښنالیک یو ډیر ښه ځانګړتیا دا ده چې تاسو کولی شئ د اضافي فایل ملکیت د داخلي میز ٹیګونو لکه ټوک او مال یا ټفټ څخه کار واخلئ. دا پدې مانا ده چې تاسو کولی شئ د میز محتويات د میز محتويات وټاکئ، او د سر سیل حجرې د دوی پورته پورته ښکاري. دا یوازې د فایرفوکس کې کار کوي، کوم چې خورا خراب دی، مګر دا یو ښه ځانګړتیا ده که ستاسو لوستونکي یوازې د فایرفوکس کاروي. فایرفوکس کې دا مثال ته ولیږئ چې وګورئ زما څه معنی لري. <د ټیليټ بڼه = "چوکۍ: 300px؛"> نوم th> <تڼۍ th> tr> thead> | جنینیفر td> | 502-5366 td> tr> ...
|
|