เมื่อพูดถึงปัญหานี้ บางคนอาจถามว่าไม่มีแอตทริบิวต์การจัดแนวแนวตั้งใน CSS เพื่อตั้งค่าการจัดกึ่งกลางแนวตั้งใช่หรือไม่ แม้ว่าเบราว์เซอร์บางตัวไม่รองรับ ฉันแค่ต้องทำ CSS เล็กน้อย
เทคโนโลยีแฮ็คก็พอแล้ว! ดังนั้นฉันต้องพูดสองสามคำที่นี่ มีแอตทริบิวต์แนวตั้งใน CSS แต่จะเกิดขึ้นกับองค์ประกอบที่มีแอตทริบิวต์ valign ในองค์ประกอบ (X) HTML เท่านั้น
มีผล เช่น
ผล.
บทช่วยสอนที่เกี่ยวข้อง: ไม่มีวิธีในการจัดกึ่งกลาง div ในแนวนอน
1. การจัดกึ่งกลางแนวตั้งแถวเดียว
หากมีข้อความเพียงบรรทัดเดียวในคอนเทนเนอร์ ก็ค่อนข้างง่ายที่จะจัดกึ่งกลางข้อความนั้น เราเพียงแต่ต้องตั้งค่าความสูงจริงให้เท่ากับความสูงของบรรทัดเท่านั้น
ชอบ:
div {
ความสูง:25px;
ความสูงของบรรทัด:25px;
ล้น: ซ่อน;
-
รหัสนี้ง่ายมาก การตั้งค่า overflow:hidden จะใช้ในภายหลังเพื่อป้องกันไม่ให้เนื้อหาเกินคอนเทนเนอร์หรือทำให้เกิดการตัดบรรทัดอัตโนมัติ เพื่อไม่ให้เกิดเอฟเฟกต์การจัดกึ่งกลางแนวตั้ง สอน CSS เพิ่มเติม
ขั้นตอน.
<หัว>