Pode não ter muito conteúdo, por favor, dê menos.
Primeiro de tudo, é a versão PHP.
A cópia do código é a seguinte:
<? php echo mb_strimwidth ("aqui é conteúdo", 0,3, "...", "utf-8"); ?>
De fato, você só pode usar o MB_STrimWidth One Function. A descrição desta função é a seguinte:
mb_strimwidth - obtenha string truncada por largura especificada
String mb_strimwidth (string $ str, int $ start, int $ width [, string $ trimmarker = "" [, string $ coding = mb_internal_encoding ()]])
Descrição do parâmetro:
$ str é a string a ser truncada (ou seja, a string original, a sequência de saída)
$ START Começa a partir do primeiro caractere, o padrão é 0
$ largura a largura necessária para aparar
Depois que $ trimmarker é interceptado, o conteúdo adicionado no final da string (comum para ... significa omitido), por padrão i i-i
O parâmetro de codificação $ é muito importante. Se a string estiver em chinês, deve ser adicionada. de outra forma. . . . Você pode ver o "�". Eu não li essa função com cuidado antes. No tema WordPress, quero exibir um pequeno conteúdo do artigo e depois há um código ilegal no final. Não sei por que há muito tempo. Além disso, esse parâmetro deve ser consistente com o formato de codificação da página da web. Quando o teste pessoal é realizado, o código da página da web é UTF-8 e, quando o parâmetro é escrito como GBK, os caracteres chineses vão cagar. . (Explique a Daniu)
É assim que a versão PHP é. Às vezes, acho que é um problema com o idioma PHP, mas na verdade não o estudamos com cuidado.
versão JS:
Métodos substring () e substr (), os dois métodos * quase * não são diferentes.
O primeiro parâmetro do método substring () é necessário. É a posição do primeiro caractere da substring a ser extraído na string. O segundo parâmetro é opcional. É a posição do último caractere da substring a ser extraído no StringObject. Nenhum por padrão, e está no final da string.
O primeiro parâmetro substr () é necessário. O subscrito inicial da substring a ser extraído. Deve ser um valor numérico. Se for um número negativo, o parâmetro declara a posição a partir do final da string. Isto é, -1 refere -se ao último personagem da string, -2 refere -se ao segundo ao último personagem, e assim por diante. O segundo parâmetro é opcional. O número de caracteres na substring. Deve ser um valor numérico. Se este parâmetro for omitido, uma sequência da posição inicial do StringObject até o final será retornada.
exemplo:
A cópia do código é a seguinte:
<script type = "text/javascript">
var str = "Hello World!"
document.write (str.substring (3))
</script>
Este exemplo de saída: lo mundo!
Comece a partir da terceira parte da string original e termine
A cópia do código é a seguinte:
<script type = "text/javascript">
var str = "Hello World!"
document.write (str.substring (3,7))
</script>
Este exemplo de saída: lo w
Comece da quarta parte da string original até a sétima parte
A cópia do código é a seguinte:
<script type = "text/javascript">
var str = "Hello World!"
document.write (str.substr (3))
</script>
Saída: Lo World!
A terceira posição começa no final
A cópia do código é a seguinte:
<script type = "text/javascript">
var str = "Hello World!"
document.write (str.substr (3,7))
</script>
Saída: Lo World
A partir da quarta posição, intercepte 7 bits.
Esses dois métodos de JS podem ser vistos
http://www.w3school.com.cn/js/jsref_substring.asp
http://www.w3school.com.cn/jsref/jsref_substr.asp
O terceiro é CSS
A interceptação do CSS usa principalmente a propriedade Text-Overflow.
Fluxo de text-overflow: [clipe | elipsis | <string>]
O valor padrão do fluxo de texto é clipe, ou seja, quando o conteúdo excede o contêiner, o texto excessivo será cortado. Quando o valor é elipse, o excesso de texto será substituído por uma elipse; Uma string específica também pode ser usada para substituir o excesso de texto (atualmente suportado apenas pelo Firefox).
Exemplos de elipsis:
A cópia do código é a seguinte:
.Ellipsis {
estouro: oculto;
Espaço branco: Nowrap;
Fluxo de text-overflow: elipsis;
}
[cópia] Referência:
http://quirksmode.org/css/user-interface/textoverflow.html
https://developer.mozilla.org/en-us/docs/web/css/text-overflow
De fato, se você olhar para o site Legend of the Mozilla Developer, você entenderá. Não vou dizer muito aqui.