为未来的css gitbook汇总准备的写作细节
来自 张鑫旭大佬的《css世界》page 47
问题: <input> 和 <button>按钮的区别在哪？区别在于两个按钮默认的 white-space 值不一样，前者时 pre , 后者是normal，所表示出来的现象差异是，当按钮文字足够多时，<input>按钮不会自动换行，<button>按钮则会
<style>
input{
max-width: 100px;
}
button{
max-width: 100px;
}
</style>
<input type="button" value="```<input>``` 和 ```<button>```按钮的区别在哪？区别在于两个按钮默认的 white-space 值不一样，前者时 pre , 后者是normal，">
<button>input 和 button按钮的区别在哪？区别在于两个按钮默认的 white-space 值不一样，前者时 pre , 后者是normal，?</button>
还有个小问题，如果内容是一堆英文的话，就会出现很神奇的情况
<input type="button" value="hdjkashdkjahkdsjkhaaaahjsdhjkkkkjhashcahasacsjkhjjhhjcbajkchajks">
<button>hdjkashdkjahkdsjkhaaaahjsdhjkasjhkcsajkasjjsakasc1279e89jklaskkkjhhjjhhjcbajkchajks</button>
<button>input 和 button按钮的区别在哪？区别在于两个按钮默认的 white-space 值不一样，前者时 pre , 后者是normal，?</button>
其实最初乱按版本是溢出加换行的，这会又不能换行了~~
留待继续学习解决