การเข้ารหัส HTML เพื่อเปลี่ยนความกว้างของย่อหน้า

โค้ด CSS บนหน้าจอ

คุณสามารถใช้คุณสมบัติความกว้าง CSS กับย่อหน้าและองค์ประกอบสไตล์อื่นๆ

เครดิตรูปภาพ: ahunjet / iStock / Getty Images

เมื่อคุณใช้แท็กย่อหน้าใน HTML ให้ระบุความกว้างของย่อหน้าด้วยเงื่อนไขแบบสัมบูรณ์หรือแบบเปอร์เซ็นต์ โดยใช้องค์ประกอบสไตล์ชีตแบบเรียงซ้อน จากนั้นนำองค์ประกอบนั้นไปใช้กับหนึ่งย่อหน้าขึ้นไปบนเว็บ หน้าหนังสือ. ตัวอย่างเช่น เพิ่มสิ่งต่อไปนี้ระหว่างแท็กในเอกสาร HTML ของคุณ: และเพิ่มสิ่งต่อไปนี้ระหว่างแท็ก:

นี่เป็นย่อหน้าแคบ

ย่อหน้านี้ขยายได้ถึง 700px กว้าง

.

หากต้องการใช้ความกว้างเดียวกับทุกย่อหน้า ให้ใช้:

วีดีโอประจำวันนี้

แสดงความกว้างเป็นเปอร์เซ็นต์

เมื่อคุณระบุความกว้างเป็นเปอร์เซ็นต์ เปอร์เซ็นต์จะใช้กับความกว้างของวัตถุหลัก ตัวอย่างเช่น พิจารณาสิ่งต่อไปนี้:

นี่คือข้อความแคบ

NS

แท็กกำหนดความกว้างเป็น 700px และ

แท็กกำหนดความกว้างเป็น 30 เปอร์เซ็นต์ อย่างไรก็ตาม 30 เปอร์เซ็นต์ใช้กับ 700px ไม่ใช่ความกว้างทั้งหมดของเอกสาร ส่งผลให้ความกว้างสัมบูรณ์ 700px คูณ 0.3 หรือ 210px

หมวดหมู่

ล่าสุด

วิธีสำรองข้อมูลไลบรารี iPhoto ไปยังฮาร์ดไดรฟ์ภายนอก

วิธีสำรองข้อมูลไลบรารี iPhoto ไปยังฮาร์ดไดรฟ์ภายนอก

ปกป้องคอลเลกชั่นรูปภาพของคุณด้วยการสำรองข้อมูล...

วิธีปิดบังเสียงของคุณทางโทรศัพท์

วิธีปิดบังเสียงของคุณทางโทรศัพท์

การเปลี่ยนหรือปรับสำเนียงเป็นวิธีที่ง่ายที่สุดใ...

วิธีแก้ไขหน้าจอ Dell Latitude ที่กะพริบ

วิธีแก้ไขหน้าจอ Dell Latitude ที่กะพริบ

อย่าปล่อยให้สิ่งที่ไม่ดีกับแล็ปท็อปของคุณ ก่อน...