<p><label class="formtext">ที่อยู่: </label><span style="position:relative;"><? echo $studio->getStudioaddress(); ?></span></p>
นี่คือ code ผมครับ ซึ่งมันได้ output แบบนี้ครับ
ที่อยู่: 1234 หมู่บ้านสุขสบาย ถ.ราษฎรพัฒนา สะพานสูง
สะพานสูง ก.ท.ม. 10240
สังเกตว่า ตรง สะพานสูงมันจะขึ้นบรรทัดใหม่ ไม่ตรงกับ 1234 อ่ะครับ ไม่รู้ว่าต้องแก้ยังไง
อ้อ นี่ code css ผมนะครับ
label.formtext{
width: 25em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
font-weight:bold;
padding-right:10px;
vertical-align:bottom;
}
หน้าเว็บขนาดเท่าไรหรอ ??
ที่ต้องการคือแบบนี้หรือเปล่า ??
ที่อยู่: 1234 หมู่บ้านสุขสบาย ถ.ราษฎรพัฒนา สะพานสูง
สะพานสูง ก.ท.ม. 10240
หรือคล้ายๆ ในรูปแบบนี้ เวลาขึ้นบรรทัดใหม่ให้อยู่ เท่ากับบรรทัดบน
label.formtext{
width: 10em;
float: left;
text-align: right;
margin: 0.5em;
padding:1em;/*เพิ่มอันนี้ มีผลประมาณ 4 บรรทัดตัวอักษร*/
display: block;
font-weight:bold;
padding-right:10px;
vertical-align:bottom;
}<p><label class="formtext">ที่อยู่:</label><span>1234 หมู่บ้านสุขสบาย ถ.ราษฎรพัฒนา สะพานสูง สะพานสูง ก.ท.ม. 1024012315646123156486745641231231564564651231231231231231 asdfasdcvasdgasdfgsdfgdfgsagfsdafsdfgsdffgdsfgdsfsagsdgfr hsdfbasdfgsdfgsadfsdgasdvasgsafdasdfsdafdasrtfsdvf asfsdgdsgasdfgf</span></p>
ถ้า width:25em; เท่าเดิมที่ให้โค้ดมา(เดิมๆ หมดเลย) มันจะอยู่เกือบๆ กลางจอนะ (ขึ้นอยู่กับขนาดของหน้า) ตามรูป
ถ้าจะให้ดี เอา div คลุมมันไว้ด้วยดีกว่า
<div><p><label class="formtext">ที่อยู่:</label><span>1234 หมู่บ้านสุขสบาย ถ.ราษฎรพัฒนา สะพานสูง สะพานสูง ก.ท.ม. 1024012315646123156486745641231231564564651231231231231231 asdfasdcvasdgasdfgsdfgdfgsagfsdafsdfgsdffgdsfgdsfsagsdgfr hsdfbasdfgsdfgsadfsdgasdvasgsafdasdfsdafdasrtfsdvf asfsdgdsgasdfgf</span></p></div>
ตั้ง id/class ให้ div ซะหน่อย แล้วกำหนดขนาดความกว้าง แล้วใส่ overflow:hidden; ซะหน่อย
**ขึ้นอยู่กับขนาดของหน้าเว็บที่ตั้งไว้ ตามรูปตั้งไว้ 980px**
พัฒนาเว็บไซต์
