10 บทความล่าสุด เลือกหมวด
10 ข่าวไอทีล่าสุด
10 วิดีโอคลิปล่าสุด
หมวดหมู่บทความ
หมวดหมู่วิดีโอคลิป
บอทล่าสุดวันนี้
หน้าแรก >>บทความ >> CSS >> CSS เทคนิคการตัดข้อความที่ยาวเกินความกว้าง ของ table , div etc.. ด้วย CSS3 Property text-overflow,white-space และ overflow
CSS เทคนิคการตัดข้อความที่ยาวเกินความกว้าง ของ table , div etc.. ด้วย CSS3 Property text-overflow,white-space และ overflow
วันจันทร์ที่ 20 เดือน สิงหาคม พ.ศ.2555 18:20 น.

การตัดข้อความที่ยาวเกินความกว้าง ของ table , div etc... ทำได้โดยใช้ property  text-overflow, white-space และ overflow

ตัวอย่าง
<style type="text/css"> 
.test
{
white-space:nowrap
width:250px; 
overflow:hidden;
border:1px solid #008BCE;
text-overflow:ellipsis;
}
</style>
 
<div class="test">ถ้าข้อความยาวเกินความกว้างของ div ที่เรากำหนด จะเป็นแบบนี้</div>

ผลลัพธ์ที่ได้

ถ้าข้อความยาวเกินความกว้างของ div ที่เรากำหนด จะเป็นแบบนี้

ลองเอาไปประยุกต์ใช้กันดูนะครับ

บทความที่เกี่ยวข้อง

View All
สอน XML        สอน MYSQL        สอน CSS        สอน HTML        สอน PHP        Sitemap        แลกลิ้งกับเรา         
Back to top
2011-2018 All Rights Reserved by  korakitinfo.com  E-Mail : korakit.wiw@korakitinfo.com
Page rendered in 0.0433 seconds
  www.korakitinfo.com