แก้ปัญหาที่พบบ่อยในการเขียน Css

หมวดสำหรับแบ่งบันความ รู้ต่างๆ จะมีหมวดย่อยๆ ในหมวดนี้ เช่น php, SQL, XML, CSS

Moderators: mindphp, ผู้ดูแลกระดาน

M008
PHP Hero Member
PHP Hero Member
Posts: 109
Joined: 03/05/2013 10:44 am

แก้ปัญหาที่พบบ่อยในการเขียน Css

Postby M008 » 01/06/2013 5:31 pm

1.ให้ layout หรือ block อยู่ตรงกลาง (แนวนอน)

Code: Select all

margin: 0 auto;

margin เป็นการช่วยจัดตำแหน่งให้ layout หรือ block ให้อยู่ตรงกลาง (ใส่ความกว้างด้วยนะคะ)

2.content ยาวเกิน layout ที่กำหนดความกว้างหรือความสูงไว้

Code: Select all

overflow: hidden;

overflow: hidden; จะทำให้ส่วนของ content ที่ยาวเกิน layout ที่กำหนดความกว้างหรือความสูงไว้หายไป

3.กำหนดความสูงของบรรทัด

Code: Select all

line-height: 20px;

line-height เป็นการกำหนดความสูงของบรรทัด เหมือนเป็นการกำหนด vertical align เพื่อใช้เป็นการจัดตำแหน่งในแนวตั้ง เช่นถ้าขนาดความสูงของกล่องมีค่า height: 20px; แล้วคุณกำหนดค่า line-height: 20px; ก็จะเป็นการจัดตำแหน่งของค่าภายในกล่องให้อยู่ตรงกลางตามแนวตั้งนั่นเอง

4. เอา scrollbar ใน textarea ออก (ใน IE)

Code: Select all

textarea{
overflow:auto;
}

overflow:auto; จะช่วยไม่ให้แสดง scrollbar ใน textarea ซึ่งปกติใน IE textarea จะแสดง scrollbar ด้วย แต่ถ้าไม่อยากเห็น scrollbar ใน textarea ก็ให้ใช้คำสั่ง overflow:auto;

5. จะเอาเส้นประที่แสดงเวลากดเม้าส์ออก (FF)

Code: Select all

a:active, a:focus{
outline:none;
}

outline:none; เป็นคำสั่งที่ไม่ให้แสดง outline ซึ่งปกติแล้วใน Firefox เวลากดเมาส์จะแสดง dotted outline ขึ้นมา ซึ่งบางคนอาจจะไม่ชอบ ก็สามารถเอาออกโดยใช้คำสั่ง outline:none;

Return to “Share Knowledge”

Who is online

Users browsing this forum: facebook.com [Crawler] and 10 guests