如何用CSS使label标签等宽?

html-css020

如何用CSS使label标签等宽?,第1张

label默认为内联元素,元素前后没有换行符,并且不可以设置宽度。

如果要为label设置宽度,则需要改变label的display属性,使其变为一个块级元素。

方法如下:

1.增加inline-block属性值,将label标签变为行内块元素(css2.1新增)

label{display:inline-block}

2.增加width属性,如将宽度设置为100px

label{width:100pxdisplay:inline-block}

3.添加好后页面上所有的label标签会变为100px

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

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

2、在index.html中的<style>标签中,输入css代码:label{margin-left: 50px}。

3、浏览器运行index.html页面,此时label“项目基本信息:”成功向右移动了50像素。