อาจไม่มีเนื้อหามากนักโปรดให้น้อยลง
ก่อนอื่นมันเป็นเวอร์ชัน PHP
การคัดลอกรหัสมีดังนี้:
<? php echo mb_strimwidth ("นี่คือเนื้อหา", 0,3, "... ", "utf-8"); -
ในความเป็นจริงคุณสามารถใช้ฟังก์ชั่น MB_STRIMWIDTH ONE เท่านั้น คำอธิบายของฟังก์ชั่นนี้มีดังนี้:
mb_strimwidth - รับสตริงที่ถูกตัดทอนโดยความกว้างที่ระบุ
สตริง mb_strimwidth (สตริง $ str, int $ start, int $ width [, สตริง $ trimmarker = "" [, สตริง $ encoding = mb_internal_encoding ()]])
คำอธิบายพารามิเตอร์:
$ str คือสตริงที่จะถูกตัดทอน (เช่นสตริงต้นฉบับสตริงเอาต์พุต)
$ เริ่มต้นจากอักขระตัวแรกค่าเริ่มต้นคือ 0
$ width ความกว้างที่จำเป็นสำหรับการตัดแต่ง
หลังจาก $ trimmarker ถูกสกัดกั้นเนื้อหาที่เพิ่มในตอนท้ายของสตริง (ทั่วไปสำหรับ ... หมายถึงละเว้น) โดยค่าเริ่มต้น i-i
พารามิเตอร์การเข้ารหัส $ มีความสำคัญมาก หากสตริงเป็นภาษาจีนจะต้องเพิ่ม มิฉะนั้น. - - - คุณสามารถเห็น "�" ฉันไม่ได้อ่านฟังก์ชั่นนี้อย่างระมัดระวังมาก่อน ในธีม WordPress ฉันต้องการแสดงเนื้อหาชิ้นเล็ก ๆ ของบทความและจากนั้นก็มีรหัสที่อ่านไม่ออกในตอนท้าย ฉันไม่รู้ว่าทำไมมานานแล้ว นอกจากนี้พารามิเตอร์นี้ควรสอดคล้องกับรูปแบบการเข้ารหัสของหน้าเว็บ เมื่อทำการทดสอบส่วนบุคคลรหัสหน้าเว็บคือ UTF-8 และเมื่อพารามิเตอร์ถูกเขียนเป็น GBK อักขระจีนจะอึ - (โปรดอธิบายถึง Daniu)
นี่คือเวอร์ชัน PHP บางครั้งฉันคิดว่ามันเป็นปัญหากับภาษา PHP แต่อันที่จริงเรายังไม่ได้ศึกษาอย่างรอบคอบ
เวอร์ชัน JS:
Substring () และ substr () วิธีการทั้งสองวิธี * เกือบ * เกือบจะไม่แตกต่างกัน
จำเป็นต้องใช้พารามิเตอร์แรกของวิธีการย่อย () มันเป็นตำแหน่งของอักขระแรกของสตริงย่อยที่จะสกัดในสตริง พารามิเตอร์ที่สองเป็นตัวเลือก มันเป็นตำแหน่งของอักขระสุดท้ายของสตริงย่อยที่จะสกัดใน StringObject ไม่มีโดยค่าเริ่มต้นและอยู่ที่ส่วนท้ายของสตริง
จำเป็นต้องใช้พารามิเตอร์แรก () ตัวห้อยเริ่มต้นของสตริงย่อยที่จะสกัด ต้องเป็นค่าตัวเลข หากเป็นจำนวนลบพารามิเตอร์จะประกาศตำแหน่งจากส่วนท้ายของสตริง นั่นคือ -1 หมายถึงอักขระสุดท้ายในสตริง -2 หมายถึงตัวละครที่สองถึงตัวสุดท้ายและอื่น ๆ พารามิเตอร์ที่สองเป็นตัวเลือก จำนวนอักขระในย่อย ต้องเป็นค่าตัวเลข หากมีการละเว้นพารามิเตอร์นี้สตริงจากตำแหน่งเริ่มต้นของ StringObject ไปยังจุดสิ้นสุดจะถูกส่งกลับ
ตัวอย่าง:
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
var str = "สวัสดีโลก!"
document.write (str.substring (3))
</script>
ตัวอย่างนี้: LO World!
เริ่มต้นจากบิตที่สามของสตริงต้นฉบับและสิ้นสุด
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
var str = "สวัสดีโลก!"
document.write (str.substring (3,7))
</script>
เอาท์พุทตัวอย่างนี้: lo w
เริ่มต้นจากบิตที่สี่ของสตริงต้นฉบับเป็นบิตที่เจ็ด
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
var str = "สวัสดีโลก!"
document.write (str.substr (3))
</script>
เอาท์พุท: LO World!
ตำแหน่งที่สามเริ่มต้นจากจุดสิ้นสุด
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
var str = "สวัสดีโลก!"
document.write (Str.Substr (3,7))
</script>
เอาท์พุท: LO World
เริ่มต้นจากตำแหน่งที่สี่สกัดกั้น 7 บิต
สามารถมองเห็นได้ทั้งสองวิธีนี้
http://www.w3school.com.cn/js/jsref_substring.asp
http://www.w3school.com.cn/jsref/jsref_substr.asp
อันที่สามคือ CSS
การสกัดกั้น CSS ส่วนใหญ่ใช้คุณสมบัติการไหลเวียนของข้อความ
Text-Overflow: [Clip | Ellipsis | <String>]
ค่าเริ่มต้นของการไหลของข้อความคือคลิปนั่นคือเมื่อเนื้อหาเกินกว่าคอนเทนเนอร์ข้อความที่มากเกินไปจะถูกตัดออก เมื่อค่าเป็นจุดไข่ปลาข้อความส่วนเกินจะถูกแทนที่ด้วยจุดไข่ปลา นอกจากนี้ยังสามารถใช้สตริงเฉพาะเพื่อแทนที่ข้อความส่วนเกิน (ปัจจุบันรองรับโดย Firefox เท่านั้น)
ตัวอย่างของจุดไข่ปลา:
การคัดลอกรหัสมีดังนี้:
.ellipsis {
ล้น: ซ่อน;
พื้นที่สีขาว: NowRap;
Text-Overflow: Ellipsis;
-
[สำเนา] อ้างอิง:
http://quirksmode.org/css/user-interface/textoverflow.html
https://developer.mozilla.org/en-us/docs/web/css/text-overflow
ในความเป็นจริงถ้าคุณดูที่ตำนานของเว็บไซต์ Mozilla Developer คุณจะเข้าใจ ฉันจะไม่พูดมากที่นี่