Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > เกี่ยวกับ การขึ้นบรรทัดใหม่ ใน เทเบิล เมื่อมันยาวเกินกำหนดควรทำอย่างไรดีครับ



 

เกี่ยวกับ การขึ้นบรรทัดใหม่ ใน เทเบิล เมื่อมันยาวเกินกำหนดควรทำอย่างไรดีครับ

 



Topic : 111073



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



สถานะออฟไลน์




คือผม อยากให้ ตัวอักษร ยาว ไม่เกินกรอบ เทเบิลอะครับ ควรเขียน แนกำยัง ไงครับ ดังรูป ผมเขียน โคด อย่างนี้ ครับ

Code
<td width='95' bgcolor='#EAF7FF' class="style1"><div align='center'><?= $about?></div></td>


คือแบบ ว่า ถ้า เรคคอรด์ มันมาก มันจะ ยืด จนน่าเกลียด ผมอยากกำจัดความยาวและขึ้นบรรทัดใหม่ ให้ มันอะครับ
ทำให้ไม่เกินขอบยังไง



Tag : PHP, MySQL







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2014-09-04 10:50:46 By : summawat View : 5080 Reply : 10
 

 

No. 1



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



สถานะออฟไลน์
Facebook

Code (PHP)
<td width='95' bgcolor='#EAF7FF' class="style1"><div align='center'><?= nl2br($about)?></div></td>







แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-09-04 11:26:27 By : progamer2000
 


 

No. 3



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



สถานะออฟไลน์


จากโคดที่ให้มาผมลองทำดู แล้ว ไม่ได้ครับ ผลที่ได้ตามนี้
<td width='95' bgcolor='#EAF7FF' class="style1"><div align='center'><?= nl2br($about) ?></div></td>
aa
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-09-04 13:46:34 By : summawat
 

 

No. 4



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



สถานะออฟไลน์
Facebook

Code (PHP)
<td  width='95' bgcolor='#EAF7FF' class="style1" style='word-break:break-all'><div align='center'><?= $about?></div></td>



ประวัติการแก้ไข
2014-09-04 14:02:05
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-09-04 14:00:22 By : progamer2000
 


 

No. 5



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



สถานะออฟไลน์


ขอบคุณมากครับ เอ่อ ขอถามอีกคำถามนะครับ ถ้าเรคคอรด์ มัน มาก เรา จะให้มัน แสดง ใน select box โดยเราจะกำหนดค่ามันยังไงครับ

<select style="width: 200px" name="selectref" id="selectref" ><option value="0" >ไม่ระบุ (คำถามทั่วไป)</option>
<?php
while($row=mysql_fetch_array($resultdoc)){
echo '<option value='.$row['doc_id'].'>'.'id = '.$row['doc_num'].' / '.$row['doc_about'].'</option>' ;
}
?>
</select>


ผมลองใส่ค่า style="width: 200px" มัน เลย แสดง หมด เลย และขนาด ของเรา มัน ก็ยาวมากจะทำอย่างไรให้ เป็นกรอบเล็ก ครับ ถ้าเรคคอรด์ มันมาก
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-09-04 16:17:12 By : summawat
 


 

No. 6



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



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 5 เขียนโดย : summawat เมื่อวันที่ 2014-09-04 16:17:12
รายละเอียดของการตอบ ::
sdadas
พอ เรามีเรคคอรด์ ยาวๆ ช่องนี้มันจะขยายตามแต่เราอยากให้มันเท่าเดิมอะครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-09-04 16:18:28 By : summawat
 


 

No. 7



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



สถานะออฟไลน์
Facebook

ลองดูที่นี่คับ

http://jsfiddle.net/BtLBX/
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-09-04 16:22:15 By : progamer2000
 


 

No. 8

Guest


classes\measureString.php
<?php
namespace classes;

class measureString {
    public static function width($font, $size, $text) {
        $box = imageTTFBbox($size, 0, $font, $text);

        $width = abs($box[4] - $box[0]);
        //$height = abs($box[5] - $box[1]);

        return $width;
    }
}
?>


measure.php
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>PHP</title>
        <script type="text/javascript" src="jquery/jquery-1.10.2.min.js"></script>
        <script type="text/javascript">
            function callAjax(str) {
                if (str === "") {
                    document.getElementById('result').innerHTML = "";
                    return;
                }

                if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp = new XMLHttpRequest();
                } else { // code for IE6, IE5
                    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                }

                xmlhttp.onreadystatechange = function() {
                    if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
                        document.getElementById('result').innerHTML = xmlhttp.responseText;
                    }
                }

                xmlhttp.open("GET", str, true);
                xmlhttp.send();
            }

             function invoke() {
                var val = document.getElementById("text1").value;
                callAjax("measure.ajax.php?str=" + val);
             }
        </script>
        <style type="text/css">
            body {
                font-family: "Tahoma, Geneva, sans-serif";
                font-size: 12px;
            }
        </style>
    </head>
    <body>
        <form id="form1" name="form1" method="post">
            <div>
                <input type="text" name="text1" id="text1" />
                <input type="button" name="button1" value="Button" id="button1" onclick="invoke();" />
                <br />
                <br />
                <span id="result"></span>
            </div>
        </form>
    </body>
</html>


measure.ajax.php
<?php
    spl_autoload_extensions('.php');
    spl_autoload_register();

    use classes\measureString;

    if (!empty($_GET)) {
        $text = $_GET["str"];
        $length = strlen($text);

        if ($length > 0) {
            $font = 'C:\Windows\Fonts\Tahoma.ttf';
            $size = 12;

            $result = '';
            $temp = '';

            for ($i = 0; $i < $length; $i++) {
                $temp .= $text[$i];
                $width = measureString::width($font, $size, $temp);

                if ($width < 50) // ยาวเกิน 50px ตัดทิ้ง
                    $result = $temp;
            }

            echo "$width px: $result";
        } else {
            echo '';
        }
    }
?>


1
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-09-04 16:26:04 By : ห้ามตอบเกินวันละ 2 กระทู้
 


 

No. 9

Guest


2
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-09-04 16:28:51 By : ห้ามตอบเกินวันละ 2 กระทู้
 


 

No. 10

Guest


3
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-09-04 16:33:38 By : ห้ามตอบเกินวันละ 2 กระทู้
 


 

No. 11



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



สถานะออฟไลน์


ขอบคุณครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-09-05 13:12:25 By : summawat
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : เกี่ยวกับ การขึ้นบรรทัดใหม่ ใน เทเบิล เมื่อมันยาวเกินกำหนดควรทำอย่างไรดีครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 05
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่