Text overflow in height | Sololearn: Learn to code for FREE!
+ 4

Text overflow in height

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.

17th Feb 2018, 2:05 AM
Andrea Saccone
Andrea Saccone - avatar
17 Réponses
+ 4
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
17th Feb 2018, 2:43 AM
Andrea Saccone
Andrea Saccone - avatar
+ 7
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.
17th Feb 2018, 2:59 AM
jay
jay - avatar
+ 6
@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.
17th Feb 2018, 2:40 AM
jay
jay - avatar
+ 3
@jay, @Andrew G, thank you guys!
17th Feb 2018, 10:14 AM
Andrea Saccone
Andrea Saccone - avatar
+ 2
um im not too sure but can yiu send me a link to the code i think i have an idea
17th Feb 2018, 2:11 AM
Emperor Bob
Emperor Bob - avatar
+ 2
you put that in the css right?
17th Feb 2018, 2:24 AM
Emperor Bob
Emperor Bob - avatar
+ 2
did you put it in the right div?
17th Feb 2018, 2:29 AM
Emperor Bob
Emperor Bob - avatar
+ 2
let me see it
17th Feb 2018, 2:31 AM
Emperor Bob
Emperor Bob - avatar
+ 2
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?
17th Feb 2018, 2:50 AM
Andrea Saccone
Andrea Saccone - avatar
+ 1
i guess maybe you could somehow add a limit to the numbers like a maximum
17th Feb 2018, 2:09 AM
Emperor Bob
Emperor Bob - avatar
+ 1
Hi Andrea, it would be better if you provide a code. Try using: overflow-wrap:break-word; word-wrap:break-word;
17th Feb 2018, 2:12 AM
Jonathan Pizarra (JS Challenger)
Jonathan Pizarra (JS Challenger) - avatar
+ 1
ooh what does that do
17th Feb 2018, 2:13 AM
Emperor Bob
Emperor Bob - avatar
+ 1
@Jonathan Pizarra I tried with that codes but they change nothing :(
17th Feb 2018, 2:24 AM
Andrea Saccone
Andrea Saccone - avatar
+ 1
@Emperor Bob, yes
17th Feb 2018, 2:31 AM
Andrea Saccone
Andrea Saccone - avatar
0
How can I do this? I tried to do a search but I didn't find any answers
17th Feb 2018, 2:10 AM
Andrea Saccone
Andrea Saccone - avatar
0
@Emperor Bob, yes
17th Feb 2018, 2:27 AM
Andrea Saccone
Andrea Saccone - avatar
0
how about word-break:break-all; ?
17th Feb 2018, 2:34 AM
Jonathan Pizarra (JS Challenger)
Jonathan Pizarra (JS Challenger) - avatar