สร้าง HTML dropdown (select option) ข้อความอยู่ด้านขวาโดย CSS

การกำหนดข้อความอยู่ด้านขวาใน Design Layout ของโปรแกรมต่างคงไม่ใช่เรื่องยาก แต่ถ้าเป็น HTML แล้วก็ไม่ใช่เรื่องง่ายซักเท่าไหร่ หรือว่าผมไม่เคยทำก็ไม่รู้คิดง่าย ๆ ก็แค่ใช้

select { text-align: right; }

แต่มันใช้ไม่ได้ผลนะสิครับขอความยังอยู่ที่เดิม และไงต่อละ google สิครับ ผลที่ได้คือ

select { direction: rtl; }

ผลที่ได้ขอความอยู่ทางขวามจริง แต่ ข้อความเรียงย้อน และ ลูกศรอยู่ด้านความ งานเข้าแล้วสิ google ไปอีก 3 ชม. แล้วก็ได้คำตอบว่า

select { text-align-last: right; } 
option { direction: rtl; }

onetwo

ข้อความอยู่ขวา และลูกศรอยู่ความตามต้องการ text-align-last ไม่เคยใช้จริง ๆ ได้เรียนรู้ของใหม่อีกแล้ว และขอบคุณ StackOverFlow อีกแล้วครับท่าน


มาจาก https://stackoverflow.com/questions/7920677/text-align-right-on-select-or-option

Firebase101 - introduction

Firebase คืออะไร?
เมื่อก่อนคือระบบเรียวไทม์ดาต้าเบสท์ (realtime database) แต่หลังจากที่ Google ได้เป็นซื้อไปทำให้ Firebase โตขึ้น โตขึ้นทั้งขนาดและบริการ อาจจะเรียกได้ว่า Firebase ตอนนี้เป็น Platform แล้ว ผมขอให้คำนิยามของ Firebase ตอนนี้คือ PAAS (Platform As A Service) ณ ตอนนี้เพราะบริการของ Firebase นั้นขยายไปไกลมาก จากเดิมมีแค่ realtime database เพียงอย่างเดียว แต่ต้อนนี้มีบริการอื่น ๆ เพิ่มมาด้วยอีกมากมาย เช่น

Static Hosting -- มันไม่ใช่ hosting แบบปกติที่คุณสามารถ ftp ไฟล์ขึ้นไปได้ แต่คุณต้องรันคำสั่ง (Firebase command) เพื่ออัพโหลดข้อมูลขึ้นเซิร์ฟเวอร์,

Storage -- เป็น cloud storage ที่ให้คุณอัพโหลดไฟล์ของผู้ใช้บริการขึ้นตอนใช้งาน,

Authentication -- เรียกง่าย ๆ ว่าเป็นระบบ login หรือ logon เรียกเป็นไทยว่าระบบยืนยันตัวตนที่ทำให้คุณไม่ได้เขียนโค้ดมากมายเพื่อการยื่นยันตัวตน และยังสามารถเชื่อมต่อ social network ต่าง ๆ เพื่อให้ผู้ใช้สะดวกในการใช้งาน

นี้เป็นบริการหลักของ Firebase แต่ยังมีบริการอื่น ๆ ที่ยังไม่ได้พูดถึงที่ทำให้ชีวิตคุณง่ายขึ้นหาก แล้วเราจะมาศึกษา Firebase ด้วยกัน โดยผมขอเริ่ม Firebase ที่ทำงานกับ website คือ Firebase js ก่อนครับ