Can someone please assist me with an issue I am facing? The word wrap or word break functionality is not working on my string.
Here are the details: The company has seen a steady increase in revenue over the past five years, with a total growth of 49% between 2015 and 2019. In the year ending December 29, 2019, revenue reached $426.4 million, a 7% increase from the previous year's $398.2 million. This growth can be attributed to new restaurant openings and improved comparable sales. Net income also saw a 12% increase, reaching $6.2 million in 2019 compared to $5.5 million in 2018. The company's cash reserves at the end of 2019 stood at $10.1 million, a $2 million increase from the previous year. Operating activities generated $43.4 million, while investing activities used $33.3 million. Financing activities, including common stock repurchases and line of credit payments, used $8.3 million.
Below is the CSS code I am using:
.txt {
word-break: break-all;
word-wrap: break-word;
min-height:150px;
max-width:150px;
overflow-x: auto;
}
And here is the HTML code causing the issue:
<td>
<div class="txt">{{ $value }}</div>
</td>
The problem I am encountering is that the string is not breaking and is displayed in one line, even when the overflow is hidden. You can see the issue here: https://i.sstatic.net/imk6H.png
I would appreciate any help or advice on how to resolve this. Thank you.