CSS中的span样式对齐

html-css014

CSS中的span样式对齐,第1张

span元素为内联元素,不具备宽度特性,设置text-align属性会没有效果,因此需要将span元素的展示类型转化为具有块级特性。

方法1:设置span的display属性为block。

<span style="font-size:14pxtext-align:centerdisplay:block">...</span>

方法2:设置span的display属性为inline-block,这种方式需要手动设置span的宽度。

<span style="font-size:14pxtext-align:centerdisplay:inline-blockwidth:500px">...</span>

扩展资料

html标签中根据元素的展示形式,主要分为块元素和内联元素。

块元素特点:

1、总是在新行上开始。

2、高度、行高以及外边距和内边距都可控制。

3、宽度缺省是它的容器的100%,除非设定一个宽度。

4、它可以容纳内联元素和其他块元素。

内联元素特点:

1、和其他元素都在一行上。

2、高度、外边距和内边距不可改变。

3、宽度就是它的文字或图片的宽度,不可改变。

4、内联元素只能容纳文本或者其他内联元素。

参考资料:

百度百科-块元素

百度百科-内联元素

这问题让一楼回答的,整回表格了都,至于吗

登陆在左,其余在右,分成两部分不就完事了吗

你想省事就把span那段代码拿form标签外面去,然后给form一个宽度,接着form和span都float:left也好,怎么弄也好就方便了,只要两者宽度相加不超过总体宽度就不会换行

相对麻烦点,但标准的写法,像表格里用户,密码这类词汇要放在label标签中,之后可以登陆这部分代码外面加div或者ul实现都可以,目的就是让登陆部分成为一体有个宽度值,这样右边就方便处理

我拿手机上的,没法复制你的代码,但给你的方法已经很清晰了,仍有疑问的话,追问吧