刚刚走上自学前端的路,先在慕课网上看了html和css的教程,接着看了几本相关的书籍。以为掌握的差不多了,结果实战起来有挺多问题。为了提高技术,把每次自己遇到的问题和总结的经验都记录了下来。
一.理论:display属性(部分)
块元素可以设置宽度和高度,而行内元素不能,只有把行内元素转换成行内块元素(inline-block)时才可设置。
实例:
↑白色背景和文字紧贴。
↑白色背景和图片同宽。
二.技巧:
如何让多个包含图片、文字的板块居中排列一排。
实例:
↑因为多余的左右margin导致三张图片的宽度超过浏览器的宽度,第三张图片被挤入左下角。