สอบถาม ต้องกาารให้ข้อความที่อยู่ในกรอบ ให้อยู่ตรงกลางค่ะ

HTML Basic
สำหรับนักพัฒนาเว็บไซต์มือใหม่ HTML , CSS และการใช้ Tools ต่างๆ ในการพัฒนาเว็บไซต์

Moderator: mindphp

hayatee
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 670
ลงทะเบียนเมื่อ: 19/04/2021 10:01 am

สอบถาม ต้องกาารให้ข้อความที่อยู่ในกรอบ ให้อยู่ตรงกลางค่ะ

โพสต์ที่ยังไม่ได้อ่าน โดย hayatee »

อยากให้ตรงข้อความอยู่ในกรอบ ให้ข้อความอยู่ตรงกลางค่ะ
HTML CSS-1.png
HTML CSS-1.png (14.14 KiB) Viewed 1344 times

โค้ด: เลือกทั้งหมด

<div class="col-md-4" >   
                <span class ="Rectangle3">ส่งข้อความ</span>
                <span  class ="Rectangle3-1 ">ติดตาม</span>

            </div>

โค้ด: เลือกทั้งหมด

.Rectangle3{
    /* Rectangle 3 */

    position: absolute;
    width: 140px;
    height: 40px;
    left: 800px;
    top: 100px;

/* SD50 */

border: 1px solid #DADADA;
border-radius: 2px;
text-align: center;

margin-top: -100px;
margin-left: -100px;

}


.Rectangle3-1{
    /* Rectangle 3 */
position: absolute;
width: 140px;
height: 40px;
left: 949px;
top: 100px;

/* S100 */

background: #7FB036;
border-radius: 2px;

color: #FFFFFF;
text-align: center;

}
ภาพประจำตัวสมาชิก
eange08
PHP VIP Members
PHP VIP Members
โพสต์: 16184
ลงทะเบียนเมื่อ: 22/12/2020 10:09 am

Re: สอบถาม ต้องกาารให้ข้อความที่อยู่ในกรอบ ให้อยู่ตรงกลางค่ะ

โพสต์ที่ยังไม่ได้อ่าน โดย eange08 »

ใช้ css ที่กำหนดระยะห่างระหว่างช่องกับตัวอักษร
กำหนดได้ทั้งแบบ px, em, % ก็ได้

โค้ด: เลือกทั้งหมด

padding-top: 2.5%;
hayatee
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 670
ลงทะเบียนเมื่อ: 19/04/2021 10:01 am

Re: สอบถาม ต้องกาารให้ข้อความที่อยู่ในกรอบ ให้อยู่ตรงกลางค่ะ

โพสต์ที่ยังไม่ได้อ่าน โดย hayatee »

ได้แล้วค่ะ ขอบคุณค่ะ
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 74