標簽[word-break] - 堆棧內存溢出

[英]p tag is not expanding its width when a fixed height is given to p in a flexbox container

這是一個例子（包括codepen） https://codepen.io/Sanjid-Chowdhury/pen/QWBBGbJ .container { display: flex; flex-direction: column; } p { height: 40px; } <div ...

最大分詞

[英]maximum word split

給定一個字符串 s 和一個有效單詞字典 d，確定該字符串可以拆分成的最大有效單詞數。我試着用下面的代碼解決這個問題，但它沒有給我我正在尋找的答案。 ...

當文本超出其寬度並創建新行時，無法拉伸框高度

[英]Can't stretch a box height when the text overflows its width and creates a new line

我正在創建一個簡單的計算器，但屏幕文本出現問題。如果我輸入的數字太大而無法在屏幕上顯示，它會創建一個新行，但它不會拉伸計算器的屏幕高度，因此沒有空間在屏幕上寫下計算的解決方案。屏幕分為兩部分，上半部分是我寫用戶輸入的計算的地方，下半部分是我寫計算結果的地方。我不會為您提供整個代碼片段，因為 ...

使用“word-break: break-all”（和“break-word”）進行不需要的早期換行

[英]Unwanted early wrapping with "word-break: break-all" (and "break-word")

我有一個長字符串，沒有空格，我想把它放在一個 div 中，這樣它盡可能地填充 div，而不會溢出。它在每行上使用相同數量的字符（最后一行除外，哪一行可能更少）。 div 是一個響應式 div，寬度為90vw ，高度84vh 。 HTML 是：使用 JavaScript 可以很容易地縮放字體使 ...

溢出包裝<br>

[英]Overflow-wrap with <br>

嗨，所以我創建了一個內容可編輯的 div，我希望有一個<br>每當有一個換行時，當我的意思是換行時，該行溢出內容可編輯的寬度。類似於 {overflow-wrap: word-break} 但有一個每當有溢出包裝時包裝。 ...

避免不自然的斷詞

[英]Avoid unnatural word-break

我有一個長詞的<h1>標題，如下所示。瀏覽器寬度當然取決於設備，但我注意到在我的一台設備上，它看起來像這樣：這不是一個很好的斷詞。如何讓瀏覽器做“更好”的破壞呢？示例：Internationali-sation 或 -tion 或 -on 但不是n單獨出現在下一行。這是重現問 ...

html lang 與 css 連字符

[英]html lang with css hyphens

我已將以下 css 屬性添加到我的 html 並將 html lang 屬性設置為“de”。單詞中斷按預期發生當我刪除連字符 css 屬性時，斷字完全不同我想了解為什么沒有連字符就不能適當地斷字。這里還有一個小提琴https://jsfiddle.net/ngrx8y24/ ...

如何在 html 或 css 中斷字？

[英]how can i break word in html or css?

我正在嘗試像這樣在行尾打斷單詞，例如“Lorem ipesm ”，我正在使用word-break:break al 但它不能添加“-”它只能作為示例“ Lor em ipesm”我該如何解決這個問題？ ...

文本不包含在 div 中，並且分詞不起作用

[英]Text doesnt wrap inside div and word-break is not working

我有一個寬度為 10% 的 div，但它里面的文本不包含在 div 中。我已經閱讀了 CSS word-break: break-all;的一些解決方案。或word-wrap:break-word; . 但不幸的是，它似乎不起作用。 .card { display: inline-block ...

此 Word Break DFS + 記憶解決方案的時間復雜度

[英]Time Complexity of this Word Break DFS + Memorization solution

在處理 wordBreak 問題時，我發現這個解決方案非常簡潔。但不確定時間復雜度。有人可以幫忙嗎？我的理解是最壞的情況，O(n*k)，n是wordDict的大小，k是String的長度。 ...

如何在一行上獲取文本

[英]How to get text on one line

我試圖在一行中得到“是的，請”的文字。我希望它完全像那樣對齊。但是它顯示在兩行上。 <section class="contactus"> <div class="contactustitle"> <h1>Where happy to hear ...

表示 HTML 中的折線（由於斷字）

[英]Indicate a broken line in HTML (due to word-break)

我想用一個圖標來表示一條線已被斷開（由於word-break CSS 屬性）（參見 VS2019 如何做到這一點的屏幕截圖）。我需要這個，因為我在 HTML 中使用code或pre元素顯示代碼。您是否知道如何以簡單的方式（最好是 CSS）解決這個問題？ ...

如何換行或打斷一個在 CSS 中已經包含多個連字符的單詞？

[英]How to wrap or break a word which already includes multiple hyphens in CSS?

我想換行或打破一個有多個連字符的單詞，比如“面對面”或“全有或全無”。這些類型的詞和表達在 HTML 中似乎不會自然中斷。我在嘗試不同組合時獲得的唯一成功是使用 word-break:break-all 但它不會在任何連字符上中斷單詞，並且經常在一行中單獨留下一個字母。下面是一個例子： ...

如何使用 box-decoration-break 填充背景顏色直到行尾？

[英]How to get background-color to fill till the end of the line with box-decoration-break?

我想要實現的是有一組動態生成的長文本，它們處於“氣泡”中，如果文本到達行尾，它會中斷一個新的（可以是單詞的中間）和一個新的一個直到結束。我想我幾乎是對的，這是代碼： div { background-color: grey; width: 300px; height: 300px; paddin ...

用 css 定義全局斷詞規則

[英]Define global word-break rule with css

我目前在我的 header 元素中遇到換行問題。標題不應該換行到圖像中，但我也不希望它在沒有連字符的情況下換行。我不希望文案編輯自己使用 html 進行斷詞。我想要一個使用 css 構建的整體解決方案。這是我的代碼的codepen 我已經嘗試過這些：非常感謝您：:-) ...

如何使用 CSS 在空格后應用換行符？

[英]How to apply line break after space using CSS?

我正在使用 JSON 填充一些數據，那是動態數據，所以如果單詞之間有空格，我想要打破，我已經嘗試了所有 CSS 但它不起作用我不知道出了什么問題。我試過這些東西.name_class { white-space: normal; } white-space: pre-line; 工作代碼 ...

“斷字”在 CSS 網格中無法正常工作

[英]“word-break” does not work correctly in CSS Grid

我對 CSS 網格有疑問。在 Firefox 中，當屏幕寬度減小（例如到 600 像素）時，使用 CSS 網格的頁面上的某些元素不支持word-break值。他們仍然在同一條線上。我試圖添加一個display: inline-block但它沒有解決這個問題。這就是錯誤： * { box-s ...

CSS only: 當斷行然后在某個句子中的 position 處，

[英]CSS only: When breaking a line then at a certain position in a sentence,

您會在某個分辨率下看到一個居中的句子：在較小的屏幕中，您會看到第一個換行符：我想要的結果：如果有第一個換行符，那么它應該發生在某個 position，例如：我可以用 CSS 唯一的解決方案來實現嗎？代碼筆示例： https://codepen.io/webia1/full/zYrd ...

斷詞的替代方法是什么：斷詞；在 CSS 中，因為它已被 W3C 標准棄用且無效？

[英]What is an alternative to word-break : break-word; in CSS since it's deprecated and invalid by W3C standards?

我不希望單詞被打斷，但如果單詞太長，單詞可能會被打斷。¨ 我使用word-break: break-word; 但是在驗證 CSS 時，它會給出錯誤：不推薦使用值斷字我使用了 StackOverflow 中提供的替代方案：但它們都不起作用。他們要么打斷所有的單詞——即使是短的單詞——或者當單詞 ...

使一個接一個的單詞與該單詞的最小部分一樣寬？

[英]Make line after word as wide as the smallest part of that word?

我有一個具有特定寬度的列表，所有較大的單詞都被分詞分解成碎片。但現在我想在這些破碎的單詞下面划一條線，和那個單詞的底部一樣大。這可能聽起來令人困惑，所以這里有一個代碼筆來說明出了什么問題。 ul { padding: 0; word-break: break-all; list-style: ...