<label style="float:left;width:100px;"></label>
单独对label设置一个width:100px的属性石不起作用的,和
float:left或者display:inline-block配合的话 都可以设置上
参考:
css position, display, float 内联元素、块级元素
在 CSS 中,任何元素都可以float浮动。
浮动元素会生成一个块级框,而不论它本身是何种元素。如果浮动
非替换元素,则要
指定一个明确的宽度;否则,它们会尽可能地窄。
元素是文档结构的基础,在css里面,每个元素生成了包含内容的框(box),大家都叫“盒子”。但是不同的元素显示方式是不同的,有占据一整行的,有水平一个挨着一个的。
替换元素:替换元素是浏览器根据其
标签的元素与属性来判断显示具体的内容。
比如:<input /> type="text" 的是,这是一个文本输入框,换一个其他的时候,浏览器显示就不一样。
(X)HTML中的<img>、<input>、<textarea>、<select>、<object>都是替换元素,这些元素都没有实际的内容。
替换元素可增加行框高度,但不影响line-height,内容区高度值 = padding-top + padding-bottom + margin-top + margin-bottom + height。
要想替换元素居中,可以设置
line-height = height, vertral-align = middle。
(vertical-align:middle,是将元素行内框的垂直中点与父元素基线上0.5ex处的一点对齐。)
非替换元素:(X)HTML 的大多数元素是不可替换元素,他们
将内容直接告诉浏览器,将其显示出来。
比如<p>p的内容</p>、<label>label的内容</label>;浏览器将把这段内容直接显示出来。
非替换元素添加padding-top或padding-bottom,不影响行框高度,但内容区高度会变化,margin-top,margin-bottom对行框没有任何影响。添加左右边距会影响非替换元素水平位置。要使非替换元素在父元素框内居中,可以
设定line-height = 父元素框的高度。
行内元素框模型:
下面概括了行内布局组成:
(注意:对于行内非替换元素中指代的height,是指字符本身的高度,由font-size决定)
1. 内容区:
对于非替换元素,内容区高度取决于font-size,若有内边距,则内容区高度 = padding-top + padding-bottom + height;
对于替换元素,内容区高度值 = padding-top + padding-bottom + margin-top + margin-bottom + height
2. 行间距:
只应用于非替换元素,其高度值=(|line-height - height|)/2
3. 行内框:
对于非替换元素,其高度值 = line-height
对于替换元素,其高度值 = 内容区高度值 = padding-top + padding-bottom + margin-top + margin-bottom + height
4. 行框:
取决于行内框。行框的上边界要位于最高行内框的上边界,而行框的底边要位于最低行内框的下边界。
分享到:
相关推荐
3.1.5 元素和属性的大小写规范 3.2 字符引用 3.2.1 字符数字引用 3.2.2 字符实体引用 3.3 使用注释 3.4 关于空白和空白字符 3.4.1 关于断行符 3.4.2 空白字符 3.5 基本html数据型式 3.5.1 cdata数据类型 3.5.2 id和...
字符串的格式化涉及到的是字体、粗细、字号等元素,这些功能主要由WritableFont和WritableCellFormat类来负责。假设我们在生成一个含有字串的单元格时,使用如下语句,为方便叙述,我们为每一行命令加了编号: ...
modal progressValueAttr 进度条的属性,用于在更新进度时设置咏叹调barProgressStyle 目标CSS样式设置为条形上的百分比宽度酒吧目标CSS样式设置为条形上的百分比宽度标签预加载器中的html标签类-用于设置百分比#...
-Grid中TemplateField生成到页面中控件具有唯一ID,例如Grid1_ct5_Label2,Grid1_ct6_Label2(feedback:geruger)。 +2009-09-27 v2.1.2 -为Tree控件增加GetExpandAllNodesReference和...
html元素ID为history: 自动设置为鼠标移动滑入滑出 显示隐藏 历史记录。 html元素ID为wd: 自动设置联想搜索功能。 延迟加载图片: img元素不要使用src调用图片地址,而是用data-original。 [vod:pic]" src="{...
在ArcGIS中,过长的注记被自动换行,保持整体效果美观。 使用方法: 注记选项中,点击Load Expression,打开本文件即可。 注:需要要代码中“名称”替换为Label字段。
html元素ID为history: 自动设置为鼠标移动滑入滑出 显示隐藏 历史记录。 html元素ID为wd: 自动设置联想搜索功能。 延迟加载图片: img元素不要使用src调用图片地址,而是用data-original。 [vod:pic]" src="{...
-Grid中TemplateField生成到页面中控件具有唯一ID,例如Grid1_ct5_Label2,Grid1_ct6_Label2(feedback:geruger)。 +2009-09-27 v2.1.2 -为Tree控件增加GetExpandAllNodesReference和...
WritePrivateProfileSection 为一个初始化文件(.ini)中指定的小节设置所有项名和值 WritePrivateProfileString 在初始化文件指定小节内设置一个字串 WriteProfileSection 为Win.ini初始化文件中一个指定的小节...
分别介绍了C#语言基础、Windows窗体及常用控件、Windows高级控件、控件公共属性、方法及事件、数据库开发、文件、数据流与注册表、GDI+绘图技术和C#高级编程,共包含562个C#编程中常用的属性、方法、类和各种技术,...
⑤、在这个对话框中是设置丝印层中丝印线条的宽度的,为了使丝印比较清晰最好印线条的宽度的设置为2-5mil,比较流行的设置是5 mil,设置好后单击“Next”; ⑥、在这个对话框中是设置焊盘的数目,我们如果是创建一个...
第6页 C#(WINFORM)学习 找到集合中数量最多的一个元素 利用方法来查找,可以返回两个变量。 object Jmax0(ArrayList v11,ref int jj) { int i; object j0=0; ArrayList y11=new ArrayList(); //各个不同的元素的...
--box x=[x] y=[y] w=[w] h=[h] l=[l] 项目标题起始列,起始行,每行最大字符数,最大菜单项数,菜单框线条宽度(像素); 注:w=0 表示水平居中。此时 w 应当在 x 之后; l=0 表示不显示菜单框; --help=[x]=[w...
第十二章PL/SQL 块结构和组成元素 235 §12.1 PL/SQL结构 235 §12.2 PL/SQL块 236 §12.3 标识符 236 §12.4 PL/SQL 变量类型 237 §12.4.1 变量类型 237 §12.4.2 复合类型(记录和表) 238 §12.4.3 使用%ROWTYPE...
名也要注意宽度,和总线宽度保持一致。并注意输入输出端的和总线的顺序,比[3..0],[0..3] 对应是不一样的,为了自己使用的方便,一定要养成自己的总线,输入输出命名方式风格, 个人建议全部从高到低命名,并使得...
� 由于是源代码开放的产品,对非主导厂商而言,可以避开与主导厂商在核心技术上面的差距,开发出 更 具竞争力和差异化的产品。 对运营商的影响 � 丰富的数据业务,将导致数据流量的显著增加 。 � 手机来源增加,...
首先定时/计数器T0 的计数寄存器设置一定的值,运行控制位TR0 置1,启动定 时/ 计数器0;利用定时器0 来控制1S 的定时,同时定时/计数器T1 对外部的待 第2 页共27 页 测信号进行计数,定时结束时TR1 清0 ,停止计数;...
输出表列中给出了各个输出项, 要求格式字符串和各输出项在数量和类型上应该一一对应。 void main() { int a=88,b=89; printf("%d %d\n",a,b); printf("%d,%d\n",a,b); printf("%c,%c\n",a,b); printf("a=%d,b=%d",...