css 浏览器导航栏如何将按钮平均放置

html-css06

css 浏览器导航栏如何将按钮平均放置,第1张

①用弹性布局flex, justify-content:space-between

②固定外面的宽100% 行高固定,把里面分成5等份每个占20%(设置居中 ),用浮动排列 然后里面每个图标放在刚刚分的5个盒子里 ,设置宽度100%,也可以达到你想要的这种样式。

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:button {display: inline-block}。

3、浏览器运行index.html页面,此时2个按钮水平对齐了。