บทความด้านคอมพิวเตอร์

บทความ, องค์ความรู้, การทำเว็บไซต์, ทำโปรแกรม

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


ประเภทบทความ
บทความด้านคอมพิวเตอร์

    Text Align CSS การจัดตำแหน่งตัวอักษร

    บทความวันที่ 28 ธันวาคม 2555

    การจัดตำแหน่งของตัวอักษร หรือประโยคด้วยภาษา CSS นั้นจะใช้คำสั่ง text-align ในการจัดตำแหน่งตามที่ต้องการ เช่น ซ้าย, ขวา หรือตรงกลาง

     

    ภาพรวมของคำสั่ง text-align

    1. ใช้คำสั่ง text-align:<VALUE> ในการกำหนดตำแหน่งของตัวอักษร หรือประโยค

    2. ระบุค่า left สำหรับกำหนดให้ตัวอักษร หรือประโยคชิดตำแหน่งทางซ้าย

    3. ระบุค่า center สำหรับกำหนดให้ตัวอักษร หรือประโยคชิดตำแหน่งตรงกลาง

    4. ระบุค่า right สำหรับกำหนดให้ตัวอักษร หรือประโยคชิดตำแหน่งทางขวา

     

    ตัวอย่างโปรแกรม

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>amplysoft.com รับเขียนเว็บ รับทำเว็บ เรียนเขียนโปรแกรม</title>
    </head>
    <body>
    
    <style type="text/css">
    .content {
    	border:solid 1px #cccccc;
    	padding:3px;
    	clear:both;
    	width:300px;
    	margin:3px;
    }
    #text_center { text-align:center; }
    #text_right { text-align:right; }
    #text_left { text-align:left; }
    </style>
    
    <div id='text_left' class='content'>Text Align Left</div>
    
    <div id='text_right' class='content'>Text Align Right</div>
    
    <div id='text_center' class='content'>Text Align Center</div>
    
    </body>
    </html>
    

     

    ผลลัพธ์


    อ่านเนื้อหาอื่นเพิ่มเติมฟรี ได้ที่
    Devdit - พบคำตอบด้านไอทีและทำตามง่ายๆ



    คำค้นหา Text Align CSS การจัดตำแหน่งตัวอักษร, รับเขียนเว็บ, รับทำเว็บ, เรียนเขียนโปรแกรม