To align and float images on Steemit (แทรกรูประหว่างข้อความ)

sisaket(56)
Published in
#thai
Words
156
Reading
1 min
8y


source

Hello everyone!

วันนี้ผมมี Tip การใช้ markdown อีกคำสั่งหนึ่งนำมาฝากเพื่อนๆ กันอีกครั้ง :: เท่าที่ผมสังเกตจากการโพสของเพื่อนๆ ใน steemit ส่วนใหญ่ก็จะโพสข้อความกับรูปภาพแยกกันคนละส่วน บางท่านอาจจะโพสรูปภาพก่อนแล้วตามด้วยการโพสข้อความตามหลัง หรือบางท่านอาจจะโพสข้อความก่อนแล้วตามด้วยรูปภาพ ...แต่วันนี้ผมจะมาแนะนำเพื่อนๆ ถึงวิธีการโพสข้อความและรูปภาพให้อยู่ในคอลัมน์เดียวกัน ด้วยคำสั่ง <div class="pull-right">image link</div> และ <div class="pull-left">image link</div> เพื่อนๆลองมาดูต้วอย่างกันนะครับ

คำสั่งแรก: <div class="pull-right">image link</div>โดยส่วนตัวแล้วผมชอบที่จะเอาข้อความที่จะโพสมาวางใน notepad ก่อนแล้วcopyวางในsteemit ก่อนโพส หลังจากนั้นเอา code หัวและท้ายมาวางหน้าข้อความที่จะโพสดังรูปโดยเว้นช่องว่างเอาไว้แทรกรูป เพื่อความสวยงามของข้อความผมจะแทรก code <div class="text-justify"> Text </div>เอาไว้ที่หัวและท้ายข้อความอีกชั้นหนึ่ง
1.jpg

2.jpg

หลังจาก upload รูปแล้วให้ลบส่วนหัวและท้ายให้เหลือเฉพาะ image link ดังรูปด้านล่าง

3.jpg

ลีลาวดี/ลั่นทม เป็นพืชที่มีถิ่นกำเนิดในทวีปอเมริกากลาง และอเมริกาใต้ สำรวจพบครั้งแรกโดย ชาลส์ ปลูมีเย (Charles Plumier) นักสำรวจพรรณไม้ และนักเขียนชาวฝรั่งเศส (ระหว่าง ค.ศ. 1646 – 1706) เมื่อครั้งเดินทางไปหมู่เกาะคาริบเบียน เพื่อหาพันธุ์ไม้แปลกใหม่ตามพระประสงค์ของพระเจ้าหลุยส์ที่ 14 แห่งฝรั่งเศส หลังจากนั้น นักพฤกษศาสตร์ชาวฝรั่งเศส ชื่อ โจเซฟ ปีตง เดอ ตูร์เนอฟอร์ (Joseph Pitton deTournefort) ได้ตั้งชื่อให้ว่า Plumieria เพื่อเป็นเกียรติแก่ชาลส์ ปลูมีเย แต่ภายหลังได้เพี้ยนเป็นชื่อสกุล Plumria สำหรับชื่อสามัญ คือ Frangipani, Plumeria, Temple Tree, Noegay, West Indian Jasmine, Pagoda Tree ในอินโดนีเซียเรียก Kembang หรือ Kemboja ออสเตรเลียรียก Dead Man’s finger

คำสั่งที่สอง: <div class="pull-left">image link</div>จะเป็นการเปลี่ยนตำแหน่งของรูปภาพจากทางด้านขวามาเป็นทางด้านซ้าย ขั้นตอนเหมือนคำสั่งแรกทุกประการ โดยเปลี่ยน <div class="pull-right เป็น <div class="pull-left

ลีลาวดี/ลั่นทม เป็นพืชที่มีถิ่นกำเนิดในทวีปอเมริกากลาง และอเมริกาใต้ สำรวจพบครั้งแรกโดย ชาลส์ ปลูมีเย (Charles Plumier) นักสำรวจพรรณไม้ และนักเขียนชาวฝรั่งเศส (ระหว่าง ค.ศ. 1646 – 1706) เมื่อครั้งเดินทางไปหมู่เกาะคาริบเบียน เพื่อหาพันธุ์ไม้แปลกใหม่ตามพระประสงค์ของพระเจ้าหลุยส์ที่ 14 แห่งฝรั่งเศส หลังจากนั้น นักพฤกษศาสตร์ชาวฝรั่งเศส ชื่อ โจเซฟ ปีตง เดอ ตูร์เนอฟอร์ (Joseph Pitton deTournefort) ได้ตั้งชื่อให้ว่า Plumieria เพื่อเป็นเกียรติแก่ชาลส์ ปลูมีเย แต่ภายหลังได้เพี้ยนเป็นชื่อสกุล Plumria สำหรับชื่อสามัญ คือ Frangipani, Plumeria, Temple Tree, Noegay, West Indian Jasmine, Pagoda Tree ในอินโดนีเซียเรียก Kembang หรือ Kemboja ออสเตรเลียรียก Dead Man’s finger

หวังว่าคงเป็นประโยชน์แก่เพื่อนๆ นะครับ เผื่อว่าเพื่อนๆอยากจะเปลี่ยนรูปแบบการโพสรูปและข้อความในลักษณะแบบนี้บ้าง

image.png

To align and float images on Steemit (แทรกรูประหว่างข้อความ) | Ecency