คุณสามารถใช้คุณสมบัติความกว้าง CSS กับย่อหน้าและองค์ประกอบสไตล์อื่นๆ
เครดิตรูปภาพ: ahunjet / iStock / Getty Images
เมื่อคุณใช้แท็กย่อหน้าใน HTML ให้ระบุความกว้างของย่อหน้าด้วยเงื่อนไขแบบสัมบูรณ์หรือแบบเปอร์เซ็นต์ โดยใช้องค์ประกอบสไตล์ชีตแบบเรียงซ้อน จากนั้นนำองค์ประกอบนั้นไปใช้กับหนึ่งย่อหน้าขึ้นไปบนเว็บ หน้าหนังสือ. ตัวอย่างเช่น เพิ่มสิ่งต่อไปนี้ระหว่างแท็กในเอกสาร HTML ของคุณ: และเพิ่มสิ่งต่อไปนี้ระหว่างแท็ก:
นี่เป็นย่อหน้าแคบ
ย่อหน้านี้ขยายได้ถึง 700px กว้าง
.หากต้องการใช้ความกว้างเดียวกับทุกย่อหน้า ให้ใช้:
วีดีโอประจำวันนี้
แสดงความกว้างเป็นเปอร์เซ็นต์
เมื่อคุณระบุความกว้างเป็นเปอร์เซ็นต์ เปอร์เซ็นต์จะใช้กับความกว้างของวัตถุหลัก ตัวอย่างเช่น พิจารณาสิ่งต่อไปนี้:
นี่คือข้อความแคบ
NS
แท็กกำหนดความกว้างเป็น 30 เปอร์เซ็นต์ อย่างไรก็ตาม 30 เปอร์เซ็นต์ใช้กับ 700px ไม่ใช่ความกว้างทั้งหมดของเอกสาร ส่งผลให้ความกว้างสัมบูรณ์ 700px คูณ 0.3 หรือ 210px