كيف يمكنني إدراج نص الحيوية في شعبة مع موقف المطلقة؟

Question

ونلقي نظرة على http://www.barelyfitz.com/ سكرينكست / أتش تي أم أل التدريب / المغلق / المواقع / البند 6. ويقول:

<اقتباس فقرة>   

وانها ليست حلا قابلا للتطبيق بالنسبة لمعظم تصاميم، لأننا عادة لا تعرف كم النص سوف يكون في العناصر، أو أحجام الخطوط الدقيقة التي سيتم استخدامها.

ما الحل الذي أحتاجه لاستخدامها من أجل إدراج نص الحيوية في شعبة مع موقف المطلقة؟

وأي نهج هو موضع ترحيب

والتحيات،

Answer 1

إذا هدفك الأساسي هو الحفاظ على شعبة في مكانها، دون تغيير لارتفاع أو عرض على أساس كمية من النص، كنت اذهب مع:

div {
    overflow: scroll;
}

والخيار الآخر هو أن يكون حجم النص يتقلص لتناسب شعبة، ولكن هذا ينطوي على قدر معين من الرياضيات غامض وكنت عرضة لخطر من النص الراهن صغيرة لذلك فمن غير المجدي.

إذا كنت ترغب في شعبة لتغييره من ارتفاع استنادا إلى النص، وهذا ينطوي أيضا بعض الرياضيات غامض، ولكن في الأساس، سوف تحصل على طول النص مع:

var sometext = "Hey, I'm some text!";
var textlength = sometext.length();

وإجراء التغيير ارتفاع فيما يتعلق بهذا الطول. كنت تريد أن تلعب مع الأرقام، ولكن سيكون ننظر شيئا مثل:

var div_height = 10 * textlength;
$("div").css("height,"+ div_height +"em");

Answer 2

وانظر المقطع Visual تأثير من موقع W3C هنا

Answer 3

وربما باستخدام "تجاوز: السيارات" عن الحيوي النص حاوية div.So ذروة ليست مشكلة.

Answer 4

والمشكلة ليست وضع النص الديناميكي في شعبة ضعه تماما - فإن شعبة توسيع لتناسب أيا كان النص هو في وجود. لا توجد آفاق المعرفة على عناصر div الحمراء والخضراء في المثال الخاص بك.

وتؤخذ عناصر div وضع قطعا من تدفق الوثيقة لذا فان أي شيء الذي يظهر بعدهم في أتش تي أم أل سوف تتصرف مثل أنها ليست حتى هناك.

تحتاج

والتصاميم التي تستخدم عناصر div ضعه على الاطلاق أن يكون ارتفاع تعريفها على div الذي يحتوي ذلك عناصر div ضعه على الاطلاق لا تتداخل المحتويات الأخرى. في المثال <div id="div-1"> الخاص يبلغ ارتفاعه 250px محددة. تغيير ذلك إلى 100px، وسوف نرى تحرك <div id="div-after"> تحت عناصر div الحمراء والخضراء.

وحتى إذا كان لديك شعبة ضعه تماما في الشريط الجانبي مع أي شيء بعد ذلك يمكنك إضافة كافة دينامية النص الذي تريده. إذا كان لديك واحدة في الرأس، فإنه يتم الانتقال إلى جعل التصميم الخاص معقدة للغاية لتنفيذ.