CSS:在DIV中对齐标签的一些问题
我有一个CSS:在DIV中对齐标签的一些问题,css,Css,我有一个div来包含标签。当我在上面贴标签时,它们会左对齐。但是我需要一个标签左对齐,而另一个标签应该右对齐。这是一个标签,位于div的左边缘,一个标签位于右边缘。有可能吗 Div的类是 .divclass { color: darkblue; font-family: serif; font-weight: bold; margin-left: 5px; margin-right: auto; position: relative; ba
div
来包含标签。当我在上面贴标签时,它们会左对齐。但是我需要一个标签左对齐,而另一个标签应该右对齐。这是一个标签
,位于div
的左边缘,一个标签
位于右边缘。有可能吗
Div
的类是
.divclass {
color: darkblue;
font-family: serif;
font-weight: bold;
margin-left: 5px;
margin-right: auto;
position: relative;
background-color: silver;
border: 1px solid grey;
}
.labelclass {
background: silver;
color: #191970;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0, 0, 0, .1),
0 0 5px rgba(0, 0, 0, .1),
0 1px 3px rgba(0, 0, 0, .3),
0 3px 5px rgba(0, 0, 0, .2),
0 5px 10px rgba(0, 0, 0, .25),
0 10px 10px rgba(0, 0, 0, .2),
0 20px 20px rgba(0, 0, 0, .15);
font-size: 24px;
}
标签
的类为
.divclass {
color: darkblue;
font-family: serif;
font-weight: bold;
margin-left: 5px;
margin-right: auto;
position: relative;
background-color: silver;
border: 1px solid grey;
}
.labelclass {
background: silver;
color: #191970;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0, 0, 0, .1),
0 0 5px rgba(0, 0, 0, .1),
0 1px 3px rgba(0, 0, 0, .3),
0 3px 5px rgba(0, 0, 0, .2),
0 5px 10px rgba(0, 0, 0, .25),
0 10px 10px rgba(0, 0, 0, .2),
0 20px 20px rgba(0, 0, 0, .15);
font-size: 24px;
}
您可以向要向右对齐的标签添加一个类,然后对其使用
float
属性
.divclass{
颜色:深蓝色;
字体系列:衬线;
字体大小:粗体;
左边距:5px;
右边距:自动;
位置:相对位置;
背景颜色:银色;
边框:1px纯灰;
}
拉贝尔莱特先生{
浮球:对
}
.labelclass{
背景:银;
颜色:#191970;
文本阴影:0 1PX0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 3PX0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 B9B9,0 5PX0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 3)bbb B B B,0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0),;
字体大小:24px;
}
测试
测试
测试
测试
测试
测试
您可以向要向右对齐的标签添加一个类,然后在其上使用float
属性
.divclass{
颜色:深蓝色;
字体系列:衬线;
字体大小:粗体;
左边距:5px;
右边距:自动;
位置:相对位置;
背景颜色:银色;
边框:1px纯灰;
}
拉贝尔莱特先生{
浮球:对
}
.labelclass{
背景:银;
颜色:#191970;
文本阴影:0 1PX0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 3PX0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 B9B9,0 5PX0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 3)bbb B B B,0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0),;
字体大小:24px;
}
测试
测试
测试
测试
测试
测试