Css 如何用下面附件中的分隔符进行胶囊形div?
是否有可能在没有设定宽度或高度的情况下,使用边界半径制作胶囊形状,并包括厚度计Css 如何用下面附件中的分隔符进行胶囊形div?,css,html,ionic2,Css,Html,Ionic2,是否有可能在没有设定宽度或高度的情况下,使用边界半径制作胶囊形状,并包括厚度计 是的,你可以用这种方法试试 .container{ 宽度:90%; 填充:20px; 利润率:10px自动; 背景:#000; } 保险商实验室{ 列表样式:无; 填充:7px; 背景:#333; 边界半径:12px; 显示:内联flex; } 李{ 填充:0 10px; 右边框:1px实心#999; 线高:1; 颜色:#999; 字体大小:12px; 显示:内联块; 垂直对齐:中间对齐; } 李:最后一个孩子{
是的,你可以用这种方法试试
.container{
宽度:90%;
填充:20px;
利润率:10px自动;
背景:#000;
}
保险商实验室{
列表样式:无;
填充:7px;
背景:#333;
边界半径:12px;
显示:内联flex;
}
李{
填充:0 10px;
右边框:1px实心#999;
线高:1;
颜色:#999;
字体大小:12px;
显示:内联块;
垂直对齐:中间对齐;
}
李:最后一个孩子{
边界权:无;
}
- abc
- def
- ghi
您可以通过在li中添加折痕填充来添加它。请参见编辑的代码段