Puede que no tenga mucho contenido, por favor dale menos.
En primer lugar, es la versión PHP.
La copia del código es la siguiente:
<? Php echo mb_strimwidth ("Aquí está el contenido", 0,3, "...", "UTF-8"); ?>
De hecho, solo puede usar la función MB_STRIMWIDTH. La descripción de esta función es la siguiente:
MB_STRIMWIDTH - Get String truncado por ancho especificado
cadena mb_strimwidth (string $ str, int $ start, int $ width [, string $ trrimmarker = "" [, cadena $ encoding = mb_internal_encoding ()]]))
Descripción del parámetro:
$ str es la cadena a truncar (es decir, la cadena original, la cadena de salida)
$ inicio inicial desde el primer personaje, el valor predeterminado es 0
$ ancho el ancho requerido para recortar
Después de que $ trinmarker se intercepte, el contenido agregado al final de la cadena (común para ... significa omitido), por defecto I I-I
El parámetro de codificación $ es muy importante. Si la cadena está en chino, debe agregarse. de lo contrario. . . . Puedes ver el "�". No he leído esta función cuidadosamente antes. En el tema de WordPress, quiero mostrar una pequeña pieza de contenido del artículo, y luego hay código confuso al final. No he sabido por qué desde hace mucho tiempo. Además, este parámetro debe ser consistente con el formato de codificación de la página web. Cuando se realiza la prueba personal, el código de la página web es UTF-8, y cuando el parámetro se escribe como GBK, los caracteres chinos se cagarán. . (Por favor explique a Daniu)
Así es como es la versión PHP. A veces creo que es un problema con el lenguaje PHP, pero de hecho no lo hemos estudiado con cuidado.
Versión JS:
Métodos substring () y subStr (), los dos métodos * casi * no son diferentes.
Se requiere el primer parámetro del método substring (). Es la posición del primer carácter de la subcadena que se extrae en la cadena. El segundo parámetro es opcional. Es la posición del último carácter de la subcadena que se extrae en el StringObject. Ninguno de forma predeterminada, y está al final de la cadena.
Se requiere el primer parámetro substr (). El subíndice inicial de la subcadena a extraer. Debe ser un valor numérico. Si es un número negativo, el parámetro declara la posición desde el final de la cadena. Es decir, -1 se refiere al último carácter de la cadena, -2 se refiere al segundo a último personaje, y así sucesivamente. El segundo parámetro es opcional. El número de caracteres en la subcadena. Debe ser un valor numérico. Si se omite este parámetro, se devuelve una cadena desde la posición de inicio de StringObject al final.
ejemplo:
La copia del código es la siguiente:
<script type = "text/javaScript">
var str = "¡Hola mundo!"
document.write (str.substring (3))
</script>
Este ejemplo de salida: ¡LO MUNDO!
Comience desde el tercer bit de la cadena y el final original
La copia del código es la siguiente:
<script type = "text/javaScript">
var str = "¡Hola mundo!"
document.write (str.substring (3,7))
</script>
Esta salida de ejemplo: lo w
Comience desde el cuarto bit de la cadena original hasta el séptimo bit
La copia del código es la siguiente:
<script type = "text/javaScript">
var str = "¡Hola mundo!"
document.write (str.substr (3))
</script>
Salida: ¡MUNDO LO!
La tercera posición comienza desde el final
La copia del código es la siguiente:
<script type = "text/javaScript">
var str = "¡Hola mundo!"
document.write (str.substr (3,7))
</script>
Salida: LO Mundo
A partir de la cuarta posición, intercepta 7 bits.
Estos dos métodos de JS se pueden ver
http://www.w3school.com.cn/js/jsref_substring.asp
http://www.w3school.com.cn/jsref/jsref_substr.asp
El tercero es CSS
CSS Interception utiliza principalmente la propiedad de texto-superflujo.
Texto-Overflow: [Clip | Ellipsis | <String>]
El valor predeterminado de Text-Overflow es el clip, es decir, cuando el contenido excede el contenedor, se cortará el texto excesivo. Cuando el valor es elipsis, el exceso de texto será reemplazado por un elipsis; También se puede usar una cadena específica para reemplazar el exceso de texto (actualmente solo compatible con Firefox).
Ejemplos de elipsis:
La copia del código es la siguiente:
.elipsis{
desbordamiento: oculto;
White-Space: Nowrap;
Texto-Overflow: Ellipsis;
}
[Copia] Referencia:
http://quirksmode.org/css/user-interface/textoverflow.html
https://developer.mozilla.org/en-us/docs/web/css/text-overflow
De hecho, si observa la leyenda del sitio web del desarrollador de Mozilla, lo entenderá. No diré mucho aquí.