เทคนิค css 1 บรรทัด
Mar 17th
วิธีแก้ปัญหา โดยใช้ css 1 บรรทัด หากใครทำ css อยู่ ต้องเคยเจอกับปํหญหาเหล่านี้ อย่างแน่นอน
- ทำ vertical align ด้วย line-height
line-height:20px;
กำหนด line-height ให้เท่ากับค่า height ของกล่อง
- ป้องกัน content ยาวเกิน layout ที่ใช้การ float และกำหนดความกว้าง
#main{
overflow:hidden;
}#main มักจะหดสั้น เมื่อใช้การ float จนทำให้คอนเท้นหายไป แก้ด้วย overflow (อย่าลืมว่าต้องกำหนดความกว้างด้วย)
- ป้องกัน ลิ้งค์คำยาวๆ ขึ้นบรรทัดใหม่
a{
white-space:nowrap;
}ช่วยให้ลิ้งค์ ขึ้นรรทัดใหม่ ทั้งคำ ไม่ขึ้นบรรทัดใหม่กลางคำ
- จัดตำแหน่งกล่องให้อยู่ตรงกลาง (แนวนอน)
margin:0 auto;
อย่าลืมใส่ความกว้างด้วย
- เอา vertical scrollbar ใน textarea ออก (IE)
textarea{
overflow:auto;
}textarea ใน ie จะมี scrollbar อยู่แล้ว ถ้าอยากเอาออก ก็ใส่ตามนั้นครับ
- บังคับ page breaks ในหน้าปริ๊น
h2{
page-break-before:always;
}สามารถ กำหนด จุดหยุดในหน้าเอกสาร เวลาปริ๊น
- เอาเส้นประ ที่ลิ้งค์ออก (FF)
a:active, a:focus{
outline:none;
}เอา dotted outline ที่ลิ้งค์ออกเวลากดเม้าส์
ถ้าใครมีเทคนิค สั้นๆ แต่ได้ประโยชน์สูง โพสต์ไว้ที่นี่ได้เลยครับ
form { margin:0px; padding:0px}
body { margin:0px; padding:0px; background-color: #FFFFFF; font-family:verdana; color: #0000;}
ผมจะเปลี่ยน font ไทยได้ยังครับ
กดเปลี่ยนที่คีบอร์ด ได้เลยครับ :-\”
body { margin:0px; padding:0px; background-color: #FFFFFF; font-family:verdana; color: #0000;}
สังเกตุตรง verdana ครับ
ให้เปลี่ยนตรงนี้ อาจจะเป็น Tahoma ก็ได้ครับผม
ขอบคุณมากครับ เว็บนี้ดีที่สุดเลย ^_^
ข้อมูลดีๆแบบนี้หามาบอกกันเรื่อยๆนะครับ
Thank you for good information