Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > อยากทรายวิธีการจัดตำแหน่งตัวอักษรให้อยุ่ครึ่งกลางของ div ตรงกลางแบบ บน - ล่าง

อยากทรายวิธีการจัดตำแหน่งตัวอักษรให้อยุ่ครึ่งกลางของ div ตรงกลางแบบ บน - ล่าง

เริ่มหัวข้อใหม่

Deksoft

โพสกระทู้ ( 115 )
บทความ ( 0 )

อยากทรายวิธีการจัดตำแหน่งตัวอักษรให้อยุ่ครึ่งกลางของ div ตรงกลางแบบ บน - ล่าง น่ะครับไม่ใช่ตรงกลางแบบ ซ้าย-ขวา ไม่ทราบว่าต้องใช้คำสั่งยังไง ลองใช้ แต่ไม่ได้ผล
Code (PHP)

vertical-align:middle;

ทราบใดพอทราบแนวทางช่วยแนะนำหน่อยครับ

Tag : PHP, HTML/CSS

Date : 2011-06-15 17:33:50

By : Deksoft

View : 8866

Reply : 6

No. 1

โปรแกรมมั่ว

โพสกระทู้ ( 345 )
บทความ ( 0 )

Code (PHP)

align="center" valign="top"

อันนี้เปล่าครับ

ประวัติการแก้ไข
2011-06-15 18:39:31

Date : 2011-06-15 18:38:55

By : buraratn

No. 2

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

ใส่ display:table-cell; เข้าไปรับรองได้อย่างต้องการ

Date : 2011-06-16 01:40:20

By : PlaKriM

No. 3

Deksoft

โพสกระทู้ ( 115 )
บทความ ( 0 )

ตัวอย่างรูปครับ และโค้ด
Code (PHP)

<head>
<title>Untitled Document</title>
<style type="text/css">
<!--
#test {
	width: 200px;
	background-color: #99FFFF;
	height: 600px;
	vertical-align:middle;
}
-->
</style>
</head>

<body>
<div id="test">
  <p>Content for  id "test" Goes Here</p>
</div>
</body>
</html>

อยากให้ Content for id "test" Goes Here ลงมาอยู่บริเวณที่เป็นกรอบสีแดงครับ ไม่ทราบว่าต้องเขียน css ยังไง

Date : 2011-06-16 08:36:38

By : Deksoft

No. 4

Guest

p{height:20px; position:relative; top:50%; margin-top:-10px;}

ผมลักไก่แบบนี้อ่ะครับ แล้วก้อสั่ง margin-top: ให้ติดลบครึ่งนึงของ < P>

Date : 2011-06-20 14:24:30

By : JAg

No. 5

เติ้ล

โพสกระทู้ ( 17 )
บทความ ( 0 )

ตามที่ท่าน PlaKriM บอกแหละครับใช้ได้
#test {
width: 200px;
background-color: #99FFFF;
height: 600px;
vertical-align:middle;
display:table-cell; <=== เพิ่มเข้าไป
}

Date : 2011-08-11 15:36:39

By : memmo12

No. 6

Guest

ตอบความคิดเห็นที่ : 5 เขียนโดย : memmo12 เมื่อวันที่ 2011-08-11 15:36:39

รายละเอียดของการตอบ ::

บน IE 9 ไม่ทำงาน

Date : 2012-02-24 19:32:34

By : ATA

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : อยากทรายวิธีการจัดตำแหน่งตัวอักษรให้อยุ่ครึ่งกลางของ div ตรงกลางแบบ บน - ล่าง

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก