โดย 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>
[code]<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>[/code]