使用的代码 <template>实线solid靠左<my-dividerclass="staticClass_must_hava"content-position="left">早上好</my-divider>实线solid居中<my-dividercontent-position="center">中午好</my-divider>实线solid靠右<my-dividercontent-position="right">下午好</my-divider>虚线dashed靠左<my-dividerlineType="dashed"...
>实线solid居中<my-dividercontent-position="center">中午好</my-divider>实线solid靠右<my-dividercontent-position="right">下午好</my-divider>虚线dashed靠左<my-dividerlineType="dashed"content-position="left">早上好</my-divider>虚线dashed居中<my-dividerlineType="dashed"content-position="center">中午好...
<my-divider content-position="center">中午好</my-divider> 实线solid靠右 <my-divider content-position="right">下午好</my-divider> 虚线dashed靠左 <my-divider lineType="dashed" content-position="left">早上好</my-divider> 虚线dashed居中 <my-divider lineType="dashed" content-position="center">...
font-size: 14px; transform: translateY(-50%); // y轴移动自身的一半,使其垂直方向居中 background-color: #fff; // 通过背景色和padding去盖住水平分割线条 } // 文本靠左 .text.left { left: 36px; } // 文本靠右 .text.right { right: 36px; } // 文本居中 .text.center { left: 50%; ...
水平分割线加上文字描述(文字描述位置一般是位于分割线的左侧、居中、右侧) 分割类型之垂直分割(横向的行内文字与文字之间的分割) 分割线样式类型(solid分割线或dashed分割线或dotted分割线) 因为垂直分割距离不够,所以垂直分割没有文字描述 组件中用到的知识点 ...