如何通过CSS使得子控件相对于父控件居中

html-css010

如何通过CSS使得子控件相对于父控件居中,第1张

css居中的方法有几种：

第一种给父级元素加 text-align:center这种是针对于文本或者行内元素比如图片呀链接的居中

第二种：给子元素设置一个宽高，然后设置margin:0 auto

举例：div{ width:100px height:100pxmargin : 0 auto}

第三种：先给父级元素加position:relative再给子元素加position: absolute

举例：父级{ position:relative}

子级{position: absolutewidth:100px height:100pxleft:50px top:50px}

设置好控件的className

然后浏览该页面，查看源代码。

看了源代码就知道，用css控制服务器控件其实和控制html元素是一样的。

也可以用asp.net的主题文件控制

这个还是建议你买本CSS方面的书看看，ASP.NET的控件为CSS都提供了接口，CssClass、id都是指定CSS代码的接口。

具体代码就不写了，只给你写出关联的部分，Label控件的CssClass属性值"labelStyle"对应上部分代码：

.labelStyle

{

color:red

background-color:yellow

border:Solid 2px Red

}

<asp:Label

id="lblSecond"

Text="Second Label"

CssClass="labelStyle"

Runat="server" />

</div>