สอบถาม ต้องการให้ตารางแสดงอยูตรงกลางค่ะ

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

Moderator: mindphp

hayatee
PHP Super Hero Member
PHP Super Hero Member
Posts: 519
Joined: 19/04/2021 10:01 am

สอบถาม ต้องการให้ตารางแสดงอยูตรงกลางค่ะ

Post by hayatee »

HTML CSS-1.png
HTML CSS-1.png (150.47 KiB) Viewed 175 times

Code: Select all

<thead>
                            <tr class="table">
                                <th>กระทู้ที่ตั้ง </th>
                                <th>คนเห็น  </th>
                                <th>โพสต์ล่าสุด  </th>
                            </tr>
                        </thead>
                        <div class="row">
                            <div class="col-md-12 table-responsive" align="center">
                                
                                            <tr >
                                                <td>**เปิดรับ 12 ที่นั่ง CV@BAM (วิสิท 17 มี.ค.64)**</td>
                                                <td>1,000</td>
                                                <td>by pun<br> Sat Jan 09, 2021 1:50 pm</td>
                                            </tr>
                                            <tr>
                                                <td>**เปิดรับ 25 ที่นั่ง CV@RS โดยไม่ต้องใช้สิทธิ์ CV**</td>
                                                <td>1,000</td>
                                                <td>by pun <br>Sat Jan 09,2021 1:50 pm</td>
                                                <td><img class="Vector1" src="images/Vector1.png" /></td>

                                            </tr>
                                            <tr>
                                                <td>ประกาศสิทธิ์เข้าร่วมกิจกรรม Company Visit ปี 64</td>
                                                <td>1,000</td>
                                                <td>by pun <br>Sat Jan 09,2021 1:50 pm</td>
                                            </tr>
                                            <tr>
                                                <td >-- ปิดรับ 20 ที่นั่ง Open House บมจ.อาร์เอส (RS) พบกับ CEO ... </td>
                                                <td>1,000</td>
                                                <td>by pun <br>Sat Jan 09,2021 1:50 pm</td>
                                            </tr>
                                            <tr>
                                                <td>-ปิดรับจอง CV@DOHOME บมจ. ดูโฮม - (วิสิท 5 ก.พ.63)</td>
                                                <td>1,000</td>
                                                <td>by pun <br>Sat Jan 09,2021 1:50 pm</td>
                                            </tr>
                                            <tr>
                                                <td>- ปิดรับ CV@SISB บมจ. เอสไอเอสบี - (วิสิท 8 ม.ค.63)</td>
                                                <td>1,000</td>
                                                <td>by pun <br>Sat Jan 09,2021 1:50 pm</td>
                                                <td><img class="Vector1" src="images/Vector1.png" /></td>
                                            </tr>
                                            <tr>
                                                <td>-ปิดรับ CV@SAPPE บมจ. เซ็ปเป้- (วิสิท 16 ธ.ค.62)</td>
                                                <td>1,000</td>
                                                <td>by pun <br>Sat Jan 09,2021 1:50 pm</td>
                                                <td><img class="Vector1" src="images/Vector1.png" /></td>
                                            </tr>
                                            <tr>
                                                <td>*ปิดรับ* CV@AUCT บมจ.สหการประมูล - (วิสิท 19 ก.ย.62)</td>
                                                <td>1,000</td>
                                                <td>by pun <br>Sat Jan 09,2021 1:50 pm</td>
                                            </tr>
                                            <tr>
                                                <td>- ปิดรับ - CV@PORT ไปวิสิทวันพุธที่ 11 ก.ย.62</td>
                                                <td>1,000</td>
                                                <td>by pun <br>Sat Jan 09,2021 1:50 pm</td>
                                            </tr>
         </table>

        </div>
            
</div>
Last edited by hayatee on 20/07/2021 3:39 pm, edited 1 time in total.
User avatar
eange08
PHP VIP Members
PHP VIP Members
Posts: 1617
Joined: 22/12/2020 10:09 am

Re: สอบถาม ต้องการให้ตารางแสดงอยูตรงกลางค่ะ

Post by eange08 »

เราต้องเอา <div> ครอบในตารางก่อน > แล้วกำหนด css ให้ตารางที่อยู่ใน div อยู่ตรงกลางค่ะ

css

Code: Select all

.table-responsive{
	text-align:center;
}
ส่วนหน้าจอ

Code: Select all

<div class="row">
	<div class="col-md-12 table-responsive" >
		<table class="table table-striped">
			<thead>
				<tr class="table">
					<th>กระทู้ที่ตั้ง </th>
					<th>คนเห็น  </th>
					<th>โพสต์ล่าสุด  </th>
				</tr>
			</thead>                      

			<tr >
				<td>**เปิดรับ 12 </td>
				<td>1,000</td>
				<td>by pun<br> Sat Jan 09, 2021 1:50 pm</td>
			</tr>
		</table>

	</div>    
</div>
Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Return to “HTML CSS”

Who is online

Users browsing this forum: Google [Bot] and 2 guests