EspañolDeutschFrançaisItalianoPortuguêsРусскийΕλληνικά日本語中文(简体)हिन्दी; हिंदीالعربية
تعيين اللغة الافتراضية
أسئلة PF - المنتدى

كيفية منع زيادة حجم عنصر HTML بإضافة الحشو

برمجة CSS  
 
كيفية منع زيادة حجم عنصر HTML بإضافة الحشو

عندما نعمل مع إتش تي أم ال وأوراق الأنماط CSS وهناك أوقات أن السلوك العناصر في الصفحة التي نحن بتصميم يتم الآن من ما يمكن أن نعتقد أنه سيكون من حق. وفي هذه الحالات, ويتعين علينا أن يغرق لنا شبكة الإنترنت للاستعلام والاستفسار عنهم حتى أمكن الحل يمكن أن يؤدي ذلك إلى حل مشكلتنا.

وفي هذه الحالة, دعونا نتحدث عن السلوك الذين يستطيعون عناصر HTML عند تعيين الحشو. افترض أن لديك عنصر div مع أحد الطول والعرض الافتراضي, أما بالبكسل أو كنسبة مئوية, التي تعطي ميزة لعرض أفضل أبعادها:

كما يمكنك أن ترى في علامة التبويب CSS, هذه الحاوية له العرض من 75% وإحدى الارتفاع من 100 بكسل.

الآن, وسوف نعلق الحشو من 20 بكسل على كل من جانبي:

يمكننا أن نرى أن, الآن, على حاوية ويعرض الحشو جعل النص لفصل حواف, ولكن بالإضافة إلى ذلك, على وقد زاد حجم الحاوية, أي, الآن وقد الارتفاع والعرض 40 أكثر بكسل ونظرا الحشو تعيين لكل من الجانبين.

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

وبهذه الطريقة, الحاوية وسوف تبقى على الحشو تعيين, من 20 بكسل, دون زيادة بهم أبعاد المعرفة مسبقاً.

لقد شهدنا فقط, كما يحدث مع العناصر الإدخال أشكال, ماذا يعني أن, لمطابقتها للتصميم المطلوب, ينبغي أن يكون لدينا قليل من مهارة.

ونحن في طريقنا إلى إضافة عنصر الإدخال من كتابة نص لأن مدونة لدينا بالفعل, ونحن سوف تكوين الإدخال مع أحد العرض لأن 100% من الحاوية الأصل, ومن الحشو من 5 بكسل للطرفين العلوي والسفلي, و 10 بكسل لليمين واليسار.

ما الأمر? لموقعنا الجديد العنصر الإدخال من أبعاد من الحاوية الأصل, حتى وجود له تعيين عرض 100%. كيف إصلاحه? كما المثل كما فعلنا مع الحاوية الخاصة به, نحن ذاهبون إلى تعيين له الملكية تغيير حجم مربع مع القيمة مربع الحدود:

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

انضم إليكم لقناة برقية

ترك لنا تعليق أو أدخلالمنتدى
Share on Facebook Tweet about this on Twitter Share on Google+ Pin on Pinterest Share on Reddit Share on VK Share on StumbleUpon Share on Tumblr Share on LinkedIn Email this to someone Print this page