ให้เรตสมาชิก: 2 / 5

ดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บทที่ 10 CSS3 Multiple Columns ตอน 2
การกำหนดระห่างของคอลัมน์ โดยใช้คำสั่ง column-gap:ระยะห่างของคอมลัมน์; (ในตัวอย่างนี้ใช้ระยะห่างของคอมลัมน์มuหน่วย px)

<html>
<head>
<style> 
.newspaper
{-moz-column-count:4; /* Firefox */
-webkit-column-count:4; /* Safari and Chrome */
column-count:4;

-moz-column-gap:100px; /* Firefox */
-webkit-column-gap:100px; /* Safari and Chrome */
column-gap:100px;}
</style>
</head>
<body>

<div>
ทมยันตี เป็นนามปากกาของ คุณหญิงวิมล เจียมเจริญ หรือชื่อโดยกำเนิด วิมล ศิริไพบูลย์ (10 กรกฎาคม พ.ศ. 2480?ปัจจุบัน) เป็นนักประพันธ์นวนิยายจำนวน 100 เรื่อง[ต้องการอ้างอิง] หลายเรื่องได้รับความนิยมในประเทศไทย[ใครกล่าว?] อาทิ คู่กรรม ทวิภพ ค่าของคน อุบัติเหตุ พ่อปลาไหล ซึ่งมีผู้นำไปสร้างเป็นภาพยนตร์และละครโทรทัศน์ในหลายยุคหลายสมัย
  นอกจากจะมีความสามารถในการเขียนแล้ว วิมลยังเคยมีชื่อเสียงโด่งดังเป็นที่นิยมอย่างสูงในฐานะนักพูด[ใครกล่าว?] แนวการพูดของวิมล คือโน้มนำให้ประชาชนรักชาติ เสียสละเพื่อชาติ และมีความยึดมั่นในชาติ ศาสนา พระมหากษัตริย์[ต้องการอ้างอิง] วิมลชื่อว่ามีความสัมพันธ์แน่นแฟ้นกับฝ่ายทหาร และมักสนับสนุนระบอบทหาร ในช่วงเหตุการณ์ 6 ตุลา พ.ศ. 2519 วิมลมีบทบาทเป็นแกนนำสำคัญของชมรมแม่บ้าน ซึ่งเป็นการรวมกลุ่มของภรรยาข้าราชการ ภรรยานายพล และแม่บ้าน กับทั้งเคยปราศรัยโจมตีขบวนการนักศึกษาที่ออกมาเรียกร้องประชาธิปไตยว่า เป็นผู้บ่อนทำลายมิตรประเทศ คือ สหรัฐอเมริกา[1] ภายหลังเหตุการณ์ดังกล่าว วิมลได้รับแต่งตั้งจากรัฐบาลทหารให้เป็นสมาชิกสภาปฏิรูปการปกครองแผ่นดิน
  นอกจากความสัมพันธ์กับฝ่ายทหารในด้านหน้าที่การงานแล้ว ในด้านความประพฤติส่วนตัวนั้น วิมล ขณะดำรงตำแหน่งสมาชิกวุฒิสภา ยังเคยถูกศาลฎีกาพิพากษาว่าเป็นชู้กับนายทหารซึ่งเป็นเพื่อนสมาชิกวุฒิสภาด้วยกัน และให้หย่าขาดจากสามีด้วย คดีนี้เป็นที่รู้จักกันในชื่อ "คดีทมยันตี" หรือ "คดีชู้รักบันลือโลก"

</div>
</body>
</html>


ผลลัพธ์คือ



อ่านเพิ่มเติม
บทที่ 10 CSS3 Multiple Columns ตอน 1
บทที่ 10 CSS3 Multiple Columns ตอน 3

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
บริษัท RCP ลูกค้ายืนยันการใช้งานได้ให้อัพขึ้นฐานจริง
โดย Rujikon พฤ 21 มิ.ย. 2018 7:20 pm บอร์ด Mindphp Task (ทดลองงาน)
2
5
ศ 22 มิ.ย. 2018 3:56 am โดย mindphp
New อัพเดท state auto หลังR- จาก state ของ RMA เป็น deliver [2018-06][003]
โดย Rujikon พฤ 21 มิ.ย. 2018 7:18 pm บอร์ด อาร์ซีพี โกลบอล จำกัด - Tester
1
2
พฤ 21 มิ.ย. 2018 7:19 pm โดย Rujikon
R - เปลี่ยนชื่อปุ่ม RMA Line จาก Confirm เป็น Receive [2018-06][002]
โดย Rujikon พฤ 21 มิ.ย. 2018 7:13 pm บอร์ด อาร์ซีพี โกลบอล จำกัด - Tester
2
3
พฤ 21 มิ.ย. 2018 7:14 pm โดย Rujikon
Q - Import ไฟล์ Customer เข้าระบบไม่ได้
โดย Rujikon พฤ 21 มิ.ย. 2018 4:49 pm บอร์ด บริษัท เซนิธ เบบี้ แคร์ จำกัด - Tester
3
8
พฤ 21 มิ.ย. 2018 4:59 pm โดย thatsawan
ยืนยันหน้าจอการทำงานของ auto transfer และคำถาม
โดย nuattawoot พฤ 21 มิ.ย. 2018 2:06 pm บอร์ด Hachanna - Testter
5
27
ศ 22 มิ.ย. 2018 4:13 am โดย mindphp
ฺB - ปรับ Inventory loss แล้วไม่ได้อย่างที่กระทู้แนะนำ [2018-06][009]
โดย Rujikon พฤ 21 มิ.ย. 2018 1:59 pm บอร์ด Hachanna - Testter
0
2
พฤ 21 มิ.ย. 2018 1:59 pm โดย Rujikon
Q - เรื่องภาษี [2018-06][008]
โดย Rujikon พฤ 21 มิ.ย. 2018 1:48 pm บอร์ด Hachanna - Testter
0
5
พฤ 21 มิ.ย. 2018 1:48 pm โดย Rujikon
งานประจำวันที่ 21มิถุนายน 2561
โดย taemmynatchapon พฤ 21 มิ.ย. 2018 10:19 am บอร์ด M063 - ณัชพล ชัยวุฒิ
0
1
พฤ 21 มิ.ย. 2018 10:19 am โดย taemmynatchapon
งานประจำวันที่ 21 มิถุนายน 2561
โดย Rujikon พฤ 21 มิ.ย. 2018 10:05 am บอร์ด M060 - นายรุจิกร พงษ์พิละ
2
8
พฤ 21 มิ.ย. 2018 7:22 pm โดย Rujikon
งานประจำวันที่ 21 มิถุนายน 2561
โดย wilawan พฤ 21 มิ.ย. 2018 9:48 am บอร์ด M062 - วิลาวัณย์ นักษัตรมณฑล
1
12
พฤ 21 มิ.ย. 2018 6:46 pm โดย wilawan
งานประจำวันที่ 21 มิถุนายน 2561
โดย Parichat พฤ 21 มิ.ย. 2018 9:37 am บอร์ด M061 - ปาริชาติ รัตโณภาส
1
4
พฤ 21 มิ.ย. 2018 7:14 pm โดย Parichat
เมื่อมีโอกาสทำงาน...
โดย mindphp พฤ 21 มิ.ย. 2018 12:59 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
20
พฤ 21 มิ.ย. 2018 12:59 am โดย mindphp
R - รายละเอียดวิธีคิดต้นทุนสินค้า [2018-06][007]
โดย Rujikon พ 20 มิ.ย. 2018 8:06 pm บอร์ด Mindphp Task (ทดลองงาน)
0
2
พ 20 มิ.ย. 2018 8:06 pm โดย Rujikon
สอบถามเกี่ยวกับ onclick html
โดย AePongsak พ 20 มิ.ย. 2018 6:33 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
0
20
พ 20 มิ.ย. 2018 6:33 pm โดย AePongsak
B - ปุ่มปริ้น inv มี 2 ปุ่ม
โดย thatsawan พ 20 มิ.ย. 2018 6:25 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
1
พ 20 มิ.ย. 2018 6:25 pm โดย thatsawan
R - รายละเอียดวิธีคิดต้นทุนสินค้า [2018-06][007]
โดย Rujikon พ 20 มิ.ย. 2018 4:21 pm บอร์ด Hachanna - Testter
1
13
พ 20 มิ.ย. 2018 9:00 pm โดย Rujikon
B - หน้า Detail ช่องว่างด้านล่างเยอะไป
โดย AePongsak พ 20 มิ.ย. 2018 2:23 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
8
พฤ 21 มิ.ย. 2018 12:00 pm โดย Parichat
B - คลิกที่รูปแล้วไม่ไปหน้า Detail
โดย AePongsak พ 20 มิ.ย. 2018 2:20 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
3
พฤ 21 มิ.ย. 2018 1:11 pm โดย Parichat
B - กรอบหน้าดาวน์โหลดไม่โค้ง
โดย AePongsak พ 20 มิ.ย. 2018 2:11 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
7
พฤ 21 มิ.ย. 2018 5:16 pm โดย Parichat
B - ไม่เห็นตัวเลขที่ แบ่งหน้าสินค้า
โดย AePongsak พ 20 มิ.ย. 2018 2:07 pm บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
3
พฤ 21 มิ.ย. 2018 1:15 pm โดย Parichat