ให้เรตสมาชิก: 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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
MOD_MTB_NEWS_RECENT
ไม่สามารถเข้าถึงไฟล์ PHP ใน Directory
โดย บุคคลทั่วไป ส 09 ธ.ค. 2017 3:40 pm บอร์ด Joomla Development
4
41
ส 09 ธ.ค. 2017 3:40 pm โดย บุคคลทั่วไป
เผยเทคนิค ดี ๆ ที่สามารถทำให้บ้านและสวนร่มรื่นได้
โดย บุคคลทั่วไป ศ 08 ธ.ค. 2017 4:39 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
22
ศ 08 ธ.ค. 2017 4:39 pm โดย บุคคลทั่วไป
วิธีการติดตั้ง Selenium ลง Python บน Windows
โดย Panchalee พฤ 07 ธ.ค. 2017 6:20 pm บอร์ด Software testing
0
27
พฤ 07 ธ.ค. 2017 6:20 pm โดย Panchalee
แสดงวันที่ปัจจุบันใน Python
โดย Wallapa พฤ 07 ธ.ค. 2017 11:30 am บอร์ด Python Knowledge
0
24
พฤ 07 ธ.ค. 2017 11:30 am โดย Wallapa
เมื่อต้องซ่อมคอมพิวเตอร์
โดย Before Dong พฤ 07 ธ.ค. 2017 10:48 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
35
พฤ 07 ธ.ค. 2017 10:48 am โดย mindphp
ขอวิธี Uninstall selenium web driver ใน python หน่อยค่ะ
โดย Panchalee พฤ 07 ธ.ค. 2017 10:48 am บอร์ด Programming - C/C++ & java & Python
3
35
พฤ 07 ธ.ค. 2017 10:48 am โดย Panchalee
แจกฟรี!! ปฏิทิน CRM ที่รวบรวมซอฟท์แวร CRM ยอดนิยมจากทั่วโลก ปี 2018/2561 พร้อมวันหยุด - โหลดก่อนได้ก่อนอย่ารอช้า!!
โดย Before Dong พ 06 ธ.ค. 2017 3:38 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
78
พ 06 ธ.ค. 2017 3:38 pm โดย Before Dong
สามารถลง Selenium ซ้ำกันในเครื่องเดียวกันได้มั้ยคะ หรือว่าต้อง Uninstall ออกก่อน
โดย Panchalee พ 06 ธ.ค. 2017 2:26 pm บอร์ด Programming - C/C++ & java & Python
1
42
พ 06 ธ.ค. 2017 2:26 pm โดย nuattawoot
แค่ใส่ CSS ชีวิตก็เปลี่ยน
โดย Before Dong พ 06 ธ.ค. 2017 10:31 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
59
พ 06 ธ.ค. 2017 10:31 am โดย mindphp
วิธี คำสั่ง เครียพื้นที่ Swap ในลีนุ๊ค
โดย mindphp อ 05 ธ.ค. 2017 4:04 pm บอร์ด Linux - Web Server
0
26
อ 05 ธ.ค. 2017 4:04 pm โดย mindphp
รถไฟฟ้า.zip - ภาพล้อ โปรแกรมคอมพิวเตอร์
โดย Before Dong อ 05 ธ.ค. 2017 9:20 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
2
178
อ 05 ธ.ค. 2017 9:20 am โดย mindphp
เรียนรู้ kotlin เบื้องต้น
โดย chavikat.p จ 04 ธ.ค. 2017 5:24 pm บอร์ด Mobile Application Developing- Android, iOS
0
36
จ 04 ธ.ค. 2017 5:24 pm โดย chavikat.p
การทำ Button Groups โดยใช้ bootstap
โดย chavikat.p จ 04 ธ.ค. 2017 3:49 pm บอร์ด Booststap Knowledge
0
37
จ 04 ธ.ค. 2017 3:49 pm โดย chavikat.p
การทำ Collapse โดยใช้ bootstap
โดย chavikat.p จ 04 ธ.ค. 2017 3:43 pm บอร์ด Booststap Knowledge
0
28
จ 04 ธ.ค. 2017 3:43 pm โดย chavikat.p
ตัวอย่าง Error เกี่ยวกับ session บน Host ที่ สำหรับเขียนพื้นที่
โดย mindphp จ 04 ธ.ค. 2017 11:34 am บอร์ด Programming - PHP
1
36
จ 04 ธ.ค. 2017 11:34 am โดย mindphp
รวมงานประจำปี 2560
โดย chavikat.p จ 04 ธ.ค. 2017 10:54 am บอร์ด M053 - ชาวิกา แตงศรี
0
6
จ 04 ธ.ค. 2017 10:54 am โดย chavikat.p
รวมบทความประจำปี 2560
โดย chavikat.p จ 04 ธ.ค. 2017 10:53 am บอร์ด M053 - ชาวิกา แตงศรี
0
2
จ 04 ธ.ค. 2017 10:53 am โดย chavikat.p
Note
โดย chavikat.p จ 04 ธ.ค. 2017 10:53 am บอร์ด M053 - ชาวิกา แตงศรี
0
5
จ 04 ธ.ค. 2017 10:53 am โดย chavikat.p
Work's on Hand ชาวิกา แตงศรี M053
โดย chavikat.p จ 04 ธ.ค. 2017 10:52 am บอร์ด M053 - ชาวิกา แตงศรี
0
14
จ 04 ธ.ค. 2017 10:52 am โดย chavikat.p
งานประจำวันที่ 4 ธันวาคม 2560
โดย chavikat.p จ 04 ธ.ค. 2017 10:50 am บอร์ด M053 - ชาวิกา แตงศรี
2
29
จ 04 ธ.ค. 2017 10:50 am โดย thatsawan