Jeśli twój div ma określoną wysokość w css, spowoduje to przepełnienie go poza div.
Możesz nadać elementowi div minimalną wysokość, jeśli chcesz, aby zawsze był minimalny.
Jednak minimalna wysokość nie będzie działać w IE6, jeśli masz arkusz stylów specyficzny dla IE6, możesz nadać mu zwykłą wysokość dla IE6. Zmiany wysokości w IE6 zgodnie z zawartością.
w tekście wielojęzycznym innym niż powoduje, że niektóre znaki długich słów są ukrywane.
Bhupi
0
!! Zakodowana wymiana przed nami !! W zależności od otaczającego kodu i rozdzielczości ekranu może to prowadzić do innego / niepożądanego zachowania
Jeśli ukryte przepełnienie nie wchodzi w grę i potrzebne jest prawidłowe dzielenie wyrazów, możesz użyć encji HTML z łącznikiem miękkim, w którym chcesz, aby słowo / tekst zostało przerwane. W ten sposób możesz ręcznie określić punkt przerwania.
­
Łącznik pojawi się tylko wtedy, gdy słowo musi zostać przerwane, aby nie przepełniło otaczającego go pojemnika.
Przykład:
<divclass="container">
foo­bar
</div>
Wynik, jeśli kontener jest wystarczająco szeroki, a tekst nie przepełniłby kontenera:
foobar
Wynik, jeśli kontener jest zbyt mały, a tekst faktycznie przepełniłby kontener:
Example 1 - container to small => text overflows container:
<divclass="container">
foobar
</div>
Example 2 - using soft hyphen => text breaks at predetermined break point:
<divclass="container">
foo­bar
</div>
Example 3 - using soft hyphen => text still overflowing because the text before the soft hyphen is to long:
<divclass="container">
foobar­foo
</div>
Odpowiedzi:
Jeśli chcesz, aby przepełniony tekst w elemencie div automatycznie tworzył nową linię zamiast być ukrywany lub tworzyć pasek przewijania, użyj
word-wrap: break-word
własność.
źródło
Możesz spróbować:
Sprawdź docs dla właściwości przelewowym , aby uzyskać więcej informacji.
źródło
Możesz użyć właściwości CSS przepełnienia tekstu, aby skrócić długie teksty.
źródło: http://makandracards.com/makandra/5883-use-css-text-overflow-to-truncate-long-texts
źródło
Możesz to kontrolować za pomocą CSS, jest kilka opcji:
Mam nadzieję, że to pomoże.
źródło
Po prostu użyj tego:
źródło
jest jeszcze jedna właściwość css:
Właściwość odstępu kontroluje sposób obsługi tekstu w elemencie, do którego jest stosowany.
źródło
Spróbuj dodać tę klasę, aby rozwiązać problem:
Więcej wyjaśnień w tym linku http://css-tricks.com/almanac/properties/t/text-overflow/
źródło
overflow: scroll
? Albo auto. w atrybucie stylu.źródło
Myślę, że powinieneś zacząć od podstaw z w3
https://www.w3schools.com/cssref/css3_pr_text-overflow.asp
źródło
Jeśli twój div ma określoną wysokość w css, spowoduje to przepełnienie go poza div.
Możesz nadać elementowi div minimalną wysokość, jeśli chcesz, aby zawsze był minimalny.
Jednak minimalna wysokość nie będzie działać w IE6, jeśli masz arkusz stylów specyficzny dla IE6, możesz nadać mu zwykłą wysokość dla IE6. Zmiany wysokości w IE6 zgodnie z zawartością.
źródło
Możesz po prostu ustawić minimalną szerokość w css, na przykład:
Nie zepsuje się, niemniej jednak nadal będziesz mieć do czynienia z paskiem przewijania.
źródło
Zalecenia dotyczące wychwytywania, która część kodu CSS powoduje problem:
1) ustaw
style="height:auto;"
wszystkie<div>
elementy i spróbuj ponownie.2) Ustaw
style="border: 3px solid red;"
wszystkie<div>
elementy, aby zobaczyć, jak szeroki obszar zajmuje twoje<div>
pudełko.3) Usuń wszystkie
height:#px;
właściwości CSS ze swojego CSS i zacznij od nowa.Na przykład:
źródło
źródło
!! Zakodowana wymiana przed nami !! W zależności od otaczającego kodu i rozdzielczości ekranu może to prowadzić do innego / niepożądanego zachowania
Jeśli ukryte przepełnienie nie wchodzi w grę i potrzebne jest prawidłowe dzielenie wyrazów, możesz użyć encji HTML z łącznikiem miękkim, w którym chcesz, aby słowo / tekst zostało przerwane. W ten sposób możesz ręcznie określić punkt przerwania.
Łącznik pojawi się tylko wtedy, gdy słowo musi zostać przerwane, aby nie przepełniło otaczającego go pojemnika.
Przykład:
Wynik, jeśli kontener jest wystarczająco szeroki, a tekst nie przepełniłby kontenera:
Wynik, jeśli kontener jest zbyt mały, a tekst faktycznie przepełniłby kontener:
Więcej informacji: https://en.wikipedia.org/wiki/Soft_hyphen
źródło