ซ้อนข้อความแสดงผล ด้วย CSS : overflow

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
thatsawan
PHP VIP Members
PHP VIP Members
โพสต์: 18091
ลงทะเบียนเมื่อ: 31/03/2014 10:02 am
ติดต่อ:

ซ้อนข้อความแสดงผล ด้วย CSS : overflow

โพสต์โดย thatsawan » 17/11/2014 6:22 pm

โค้ด: เลือกทั้งหมด

<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <div>ข้อความส่วน 1 เปิดการแสดง</div>
        <div class="hidden_test">
            <p>ข้อความส่วน 2 ต้องไม่แสดงออก</p>
        </div>
       
        <div class="hidden_scroll">
            <p>ข้อความส่วนที่ 3 xxxxxxxxxxxxxxxxxxx</p>
            xxxxxxxxxxxxxxxxxxx
        </div>
    </body>
   
    <style>
    div.hidden_test{
    background-color: #00FFFF;
    width: 0px;
    height: 0px;
    overflow: hidden;
        }
    div.hidden_scroll{
    background-color: #00FFFF;
    width: 100px;
    height: 100px;
    overflow: scroll;
        }
    </style>
 
</html>

  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 11 และ บุคคลทั่วไป 0 ท่าน