Text overflow in height

Question

Hello to all. Sorry in advance for my bad english.
My question is:
I wrote a simple numpad on HTML (like a phone caller). How can I set the overflow of the numbers in the display, precisely in the height? When I continue to write numbers in the numpad, the numbers exceed and go outside the div, outside the display. How can I set this? Thank you all.

Answer 1

I think I solved the problem.
I put overflow:hidden on css and when I write numbers on numpad they stops before the div and don't exceed

Answer 2

It 'should' calculate on all digits. The only error I can see occurring is if you exceed the maximum size of the variable type you are using.

Answer 3

@Andrea;

is this the code?
https://code.sololearn.com/WDXsvoE0cvWU/?ref=app

For future reference: You can get the link by clicking the symbol that looks like < when your code is open.

Answer 4

@jay, @Andrew G, thank you guys!

Answer 5

um im not too sure but can yiu send me a link to the code i think i have an idea

Answer 6

you put that in the css right?

Answer 7

did you put it in the right div?

Answer 8

let me see it

Answer 9

Thank you Jay, yes it is!
I have one doubt left. In case I have a calculator instead of a numpad : if I set the overflow:hidden and I continue to write numbers, it will calculate also the exceeded numbers or only visible numbers?

Answer 10

i guess maybe you could somehow add a limit to the numbers like a maximum

Answer 11

Hi Andrea, it would be better if you provide a code.
Try using:
overflow-wrap:break-word;
word-wrap:break-word;

Answer 12

ooh what does that do

Answer 13

@Jonathan Pizarra I tried with that codes but they change nothing :(

Answer 14

@Emperor Bob, yes

Answer 15

How can I do this? I tried to do a search but I didn't find any answers

Answer 16

@Emperor Bob, yes

Answer 17

how about word-break:break-all; ?