大佬教程收集整理的这篇文章主要介绍了html – 为什么即使已经填充了标签内的文本也会被切断?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
屏幕截图中的第一个文本框是type = text的输入,第二个文本框只是一个div.输入文本框会切断字符’j’的尾部,而div文本框则不会.
HTML:
<input type="text" value="juvenescent" /> <div>juvenescent</div>
CSS:
input,div { font-family: cursive; font-size: 2em; padding: 15px 20px; margin-bottom: 10px; width: 300px; border: 1px solid black; } div { background-color: white; }
这是jsfiddle的链接:
https://jsfiddle.net/9eLzqszx
这里的解决方法是什么?显然,我希望输入文本框的填充不会剪切其中的文本.
input { font-family: cursive; font-size: 2em; padding: 15px 20px 15px 0; font-style:italic; margin-bottom: 10px; width: 300px; border: 1px solid black; text-indent: 20px; }
以上是大佬教程为你收集整理的html – 为什么即使已经填充了标签内的文本也会被切断?全部内容,希望文章能够帮你解决html – 为什么即使已经填充了标签内的文本也会被切断?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。