我到处都在寻找，但找不到这个，所以这可能是一个愚蠢的问题。
基本上，我有一个文本框，我希望它在我的页面中居中。但是，我在文本框内使用了填充，因此文本不在边框旁边。
我该怎么做？
相关网站:http://prntscr.com/c2m93u 如您所见，左侧和右侧之间的距离不一样。发生这种情况是因为我使用了填充。
我的代码:
<input type="text" name="username" value="Gebruikersnaam", id="TextField" style="width:100%;height:25px;background-color:black;color:white;border:0px;margin:auto;padding-left:4px;padding-right:4px;">
任何帮助将不胜感激。提前谢谢你。
最佳答案
使用 box-sizing: border-box。这样，元素的总宽度将包括元素的填充。参见 Box Model on MDN获取更多信息。
关于html - 如果我使用填充，如何将文本框置于带有 HTML/CSS 的表单中？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38812463/