สอบถาม ต้องการให้ข้อความเว้นระยะห่างกันต้องกำหนด css ยังไงคะ

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

Moderator: mindphp

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

สอบถาม ต้องการให้ข้อความเว้นระยะห่างกันต้องกำหนด css ยังไงคะ

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

ต้องการให้ข้อความทั้งหมดเว้นระยะห่างค่ะ
HTML CSS-1.png
HTML CSS-1.png (6.86 KiB) Viewed 1878 times

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

<div class="col-md-6" > 
<span class="text-centerr"> 400 โพสต์  100 <u>Following</u> 1000 <u>Followers</u> </span> 
</div>

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

}
.text-centerr{
    text-align: center;
    position: absolute;
    left: 117px;
    top: 170px;


    font-family: Kanit;
    font-style: normal;
    font-weight:  600;
    font-size: 16px;
    line-height: 24px;
    color: #555555;

    order: 10;

    margin: 0px 8px;

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

Re: สอบถาม ต้องการให้ข้อความเว้นระยะห่างกันต้องกำหนด css ยังไงคะ

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

ส่วนหน้าจอให้ใช้ span ครอบเป็นชุดๆ แล้วใช้คำสั่ง padding กำหนดระยะห่างซ้ายขวา

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

<div class="col-md-6" > 
<span class="text-1">400 โพสต์  100 </span>
<span class="text-1"><u>Following</u> 1000 <u>Followers</u> </span> 
</div>
css

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

.text-1{
	padding-left:10px;
	padding-right:20px;
	border:1px solid #000;
}
HTML CSS-1.png
HTML CSS-1.png (3.44 KiB) Viewed 1875 times
hayatee
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 670
ลงทะเบียนเมื่อ: 19/04/2021 10:01 am

Re: สอบถาม ต้องการให้ข้อความเว้นระยะห่างกันต้องกำหนด css ยังไงคะ

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

ได้แแล้วค่ะ ขอบคุณค่ะ
smons10
PHP Newbie
PHP Newbie
โพสต์: 4
ลงทะเบียนเมื่อ: 15/03/2022 11:31 am

Re: สอบถาม ต้องการให้ข้อความเว้นระยะห่างกันต้องกำหนด css ยังไงคะ

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

ความรู้มากๆ
บันเทิงดูอนิเมะพากย์ไทย24ชั่วโมง
สนุกดูอนิเมะซับไทย
เว็บไซต์ดูอนิเมะออนไลน์ที่นี่
วันนี้เลขเด็ดทั่วไทย
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

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

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