كيف يمكنني إزالة هامش مربعات النص في HTML/css
سؤال
لدي HTML التالية
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<style>
.box
{
border:solid black 1px;
padding:0px;
margin:0px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<input class="box" style="width:300px;" /><br />
<input class="box" style="width:150px;" />
<input class="box" style="width:150px;" /><br />
<input class="box" style="width:100px;" />
<input class="box" style="width:100px;" />
<input class="box" style="width:100px;" />
</form>
</body>
</html>
الفكرة هي أن مربعات النص يجب أن ينهي بكسل الكمال على الجانب الأيمن.
وأنا في نهاية المطاف إضافة تباعد في الصفوف 2 و 3 توسيع الاعراض لتعويض لكن الآن أود أن الحصول على هذه عينة بسيطة لتقديم.
لذلك كيف يمكنني إزالة هامش هذه مربعات النص مثل أن محاذاة بشكل صحيح ؟
المحلول
إنهم لا يصطفون بسبب فاصل بينهما.
إذا كنت تريد إزالة كافة أسطر و بين علامات التبويب <input>
العناصر سيكون العرض كما تريد.
نصائح أخرى
وجدت إضافة float: left;
إلى .مربع فعل ما تريد.
.box {
padding:0px;
margin:0px;
float: left;
}
تتحدث عن حق تبرير جميع مربعات النص?
إذا كان الأمر كذلك أن هامش السؤال.هذا هو ببساطة وضع مربعات النص في التي تحتوي على العنصر.ربما ثم تعيين text-align:الحق ؛ نمط css على شعبة.
الحدود لا يتم تضمينها في العرض ، لذلك مربع مع 1px الحدود وعرض 150px سوف يكون في الواقع 152 بكسل واسعة.