入门展示：inline-blockusing
时间：2023-04-02 16:35:34
HTML
这是我的第一篇博客，一个新的开始，想用博客记录下我的学习历程，在此感谢师兄，他为我开阔了视野，纠正了我的错误模式，给我带来正能量。我是新手，要学习的路还很长。学习了10天的HTML和CSS，浪费的日子我要好好偿还！学习感想第一个问题我想在上面加上一个logo和一个搜索框，搜索框里有个小搜索图标f
#标志{margin-top:-10px;左边距：60px；发现logo和搜索框无法对齐。当时用floatmargin之类的命令调试，都没有用。几经周折，终于用上了display:inline-block;和垂直对齐：中间；实习。此外，搜索框外的小图标只是不输入它。想着怎么搬，可是搬不动。后来小弟告诉我去掉搜索框的边框，在外面加个边框才实现这个问题。#logo>*{显示：内联块；vertical-align:middle;}#logo>p>*{display:inline-block;垂直对齐：中间；border:none;}#logop{border:1pxsolidrgb(219,92,19);margin-left:50px;}#logopa{text-decoration:none;}第二个问题是我想让边框和下面的搜索框对齐。第一个想法是让下面的边框变短，后来发现不是这样的。接下来我想到的是让DIV框架变小，但我想过让它变小。我后面那个大吗？我没有尝试，最后我改变了他的尺寸，用margin-left命令调整到想要的效果。这是原代码，
账号登录账号注册
#denglv{background:#fff;width:400px;height:380px;border:20pxsolid#f2f2f5;}#zhdl{width:50%;float:left;padding-bottom:10px;border-bottom:2pxsolid#ff8140;text-align:center;}#zhzc{width:50%;float:right;text-align:center;}在#zhdl:45%,margin更改宽度-left:26px;得到了想要的效果，但是后面还需要修改账号注册的宽度，这里还有一个很低级的错误，我必须强调一下，其他登录后面，那些图片是用的背景-position命令。插入背景图的时候，路径写错了，没想到是这个问题！！！！我要反思的是我的解题思路，这个很重要一个问题我是怎么解决的，与其一头雾水，以后的学习中还会有很多问题，别人不可能告诉你，我要锻炼自己的解决问题的能力和思维，未来的路还很长，而且学习中出现了很多问题，我可以说这是开始，甚至还不算开始，但还是有一些进步的，为自己加油！胜者为王
