行内块元素实现单列布局
1. 前言
利用元素的行内元素特性我们可以很轻松的做到水平居中。
行内块的语法格式也很简单:display: inline-block;
。
2. 实例代码
运行结果:
3. 小结
display: inline-block; 可以让元素既拥有行内元素的特性,同时又拥有块级元素的特性。
不过看了这么多种方式的单列布局,可是看起来依然还是很抽象。
换句话说就是不好看,那么下一小节我们就为其添油加醋一下,使其看起来更加贴合实际。
本文来自互联网用户投稿,不拥有所有权,该文观点仅代表作者本人,不代表本站立场。
访问者可将本网站提供的内容或服务用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯本网站及相关权利人的合法权利。
本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站,邮箱:80764001@qq.com,予以删除。
访问者可将本网站提供的内容或服务用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯本网站及相关权利人的合法权利。
本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站,邮箱:80764001@qq.com,予以删除。