|
|
|
ราจะทำยังไงไห้ตารางมันไม่ขยายเกินข้อความ เราจะทำยังไงไห้ตารางมันไม่ขยายเกินข้อความของเราครับ |
|
|
|
|
|
|
|
ต้องปรับตารางให้เป็น 100 % ลองดูนะ ไม่รู้ว่าใช่หรือป่าว
|
|
|
|
|
Date :
2009-06-09 20:39:38 |
By :
คนไร้นาม |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
กำหนดขนาดตายตัวครับ อิๆๆไม่รู้ผิดหรือปล่าว แต่เมื่อก่อนแรกๆเราก็เจอแบบนาย แต่ตอนนี้หายแล้วเพราะเราฟิกขนาดตาราง
|
|
|
|
|
Date :
2009-06-09 20:59:13 |
By :
nongjen |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ใช้ div ช่วยล็อกขนาดครับ แล้วก็กำหนดขนาดความกว้างของ td ไว้ให้น้อยกว่าความกว้างที่กำหนดให้กับ div
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="th" xml:lang="th">
<head>
<meta http-equiv="content-type" content="text/html; charset=tis-620" />
<title>fix table cell size</title>
</head>
<body>
<textarea id="data" cols="50" rows="5">sdfasdfja ksdjfk ajsdkflasdf</textarea>
<button onclick="document.getElementById('test').innerHTML=document.getElementById('data').value;">update data</button>
<table border="1" width="100%">
<tr>
<td>1-1
</td>
<td>1-2
</td>
</tr>
<tr>
<td>2-1
</td>
<td width="1"><div id="test" style="width:150px;height:40px;display:block;overflow:hidden;white-space:nowrap">
2-2
</div></td>
</tr>
</table>
</body>
</html>
|
|
|
|
|
Date :
2009-06-09 21:25:58 |
By :
num |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณนะครับ ลองไช้ดูก่อน
|
|
|
|
|
Date :
2009-06-10 13:08:49 |
By :
numchut |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ผมลองทำดูมันก็ไม่ขยายออกจริงๆคับ เพิ่มตรง Div เข้าไป แต่วา ตัวอักษรมันโดนกินหายไปอะคับ ถ้าจะให้มันเคาะลงมาบรรทัดต่อไป จนครบทุกตัวอักษร ทำยังไงดีคับ
|
|
|
|
|
Date :
2010-07-31 09:01:54 |
By :
champion859 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
แจ่มเลยครับ
|
|
|
|
|
Date :
2010-08-01 23:30:45 |
By :
panyapol |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
อันนี้ก็เป็นอีกตัวเลือกละกันครับ บังคับให้ขึ้นแถวใหม่ หากข้อความชนขอบตารางที่กำหนดความกว้างไว้ครับ ถึงแม้จะพิมพ์ติดกันมันก็ไม่ขยายขอบให้คับ
<style type="text/css">
.word-wrap {
word-wrap: break-word;
}
</style>
<div style="width:200px;" class="word-wrap">เพื่อให้กระทู้ของคุณถูกจัดอันดับการแสดงผลในอันดับต้นๆและได้คำตอบอย่างรวดเร็วกรุณาLoginก่อนตั้งกระทู้</div>
|
ประวัติการแก้ไข 2010-08-01 23:37:46
|
|
|
|
Date :
2010-08-01 23:37:03 |
By :
somparn |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
วิธีนี้ ก็ ใช้ได้ ครับ
<style type="text/css">
.wordWrap
{
word-wrap:break-word;
}
</style>
<table width="185" border="0" cellspacing="0" cellpadding="0" style='table-layout:fixed'>
<tr><td width="55" height="22" class="ST07"><SPAN class=HL08>อีเมลล์</SPAN><BR> E-MAIL</td>
<td width="10" class="HL10">:</td<td width="120" height="30" class="ST09 " >
<span class="wordWrap"> XYZXYZXYZXYZXYZXYZXYZXYZXYZXYZXYZXYZXYZXYZXYZXYZXYZXYZXYZXYZ</span>
</td> </tr></table>
http://greatfriends.biz/webboards/msg.asp?id=124215
|
|
|
|
|
Date :
2012-09-27 15:30:47 |
By :
BBtoon |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 04
|