Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/cmake/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何用下面附件中的分隔符进行胶囊形div?_Css_Html_Ionic2 - Fatal编程技术网

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中添加折痕
填充来添加它。请参见编辑的代码段