你知道display这几个属性值（block, inline, inline-block, none, table-cell, list-item）之间的区别吗

最新推荐文章于 2023-07-28 18:21:36 发布
原创 最新推荐文章于 2023-07-28 18:21:36 发布 · 740 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css

本文详细介绍了CSS中display属性的不同值及其对元素布局的影响。包括block、inline、inline-block、none、table-cell和list-item等属性值的具体表现特性。

 

使用display:block属性的元素具有以下特征：

  • 元素成为块级元素，独占一行，可以设置宽高
  • 不设置宽度时，宽度为父元素宽度

使用display:inline属性的元素具有以下特征：

  • 元素成为行内元素，非独占一行，无法设置宽高
  • 由内容撑开宽度

使用display:inline-block属性的元素具有以下特征：

  • 元素成为行内块元素，非独占一行，可以设置宽高
  • 不设置宽度时，由内容撑开宽度

使用display:none属性的元素具有以下特征：

  • 元素不会被显示

使用display:table-cell属性的元素具有以下特征：

  • 元素被当作表格单元格显示(类似td和th), 非独占一行，可以设置宽高
  • 不设置宽度时，由内容撑开宽度

使用display:list-item属性的元素具有以下特征：

  • 元素被当作列表显示，独占一行，可以设置宽高
  • 不设置宽度时，宽度撑满一行

 

display属性理解： inline ， block， inline-block+BFC格式上下文、盒模型
hhhh
04-28 731
display的常用的属性值，inline ， block， inline-block 块级元素 总是从新行开始 width、height、margin、padding都可以控制 宽度默认是页面的100% 可以容纳内联元素和其他块元素 <h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6> <di
display的值及作用
太阳当空照，花儿对我笑，微风轻轻拂，心情无限好。
06-07 921
display属性可以设置元素的内部和外部显示类型，元素的外部显示类型将决定该元素在流式布局中的表现，例如块级或内联元素，元素的内部显示类型可以控制其子元素的布局，例如grid或flex。目前所有浏览器都支持display属性，但是对于属性值的兼容性仍需注意。
dispaly:table-cell,inline-block,阐述以及案例
weixin_34055787的博客
12-16 402
display:table 此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。dispaly:table-row 此元素会作为一个表格行显示（类似 <tr>）display:table-cell 此元素会作为一个表格单元格显示（类似 <td> 和 <th>）display:inline-block 行内块元素。（CSS2....
display 各值的区别
m0_59070120的博客
07-27 226
inline-block行内元素，可以设置宽高，一行显示，可以设置水平方向的padding和margin，不可以设置垂直方向的padding和margin；inline内联元素，不可以设置宽高、可以设置水平方向的padding和margin，不可以设置垂直方向的padding和margin；block块级元素，可以设置宽高，也可以设置padding和margin；自动换行，多个块状元素，默认从上到下显示。隐藏元素，不会被子元素继承，不占据位置，直接从render树上移除。...
CSS中display属性 block，inline，none的区别
达叔
01-19 3664
display的属性值有很多，最常用的是以下三种。 值 描述 none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素，元素前后没有换行符。 下面附上一个例子，更加直观的体现了他们三者之间的区别。 This is a
display有哪些值？说明他们的作用
LuckXinXin的博客
01-29 486
block 转换成块状元素。 inline 转换成行内元素。 none 设置元素不可见。 inline-block 象行内元素一样显示，但其内容象块类型元素一样显示。 list-item 象块类型元素一样显示，并添加样式列表标记。 table 此元素会作为块级表格来显示 inherit 规定应该从父元素继承 display 属性的值 ...
inline-block,inline,block,table-cell,float
weixin_30783913的博客
04-10 101
float:left ---------------------------------------------------------------------------------------- 　　参考http://www.w3school.com.cn/css/css_positioning_floating.asp 　　最常见的布局会有局限性,要求高度相同，不然会出现卡住的情况 ...
<div class="ivu-card-body"><div data-v-3c1c8183="" class="ivu-row"><div data-v-3c1c8183="" class="ivu-col"><div data-v-3c1c8183="" class="btnHeight ivu-row"><span data-v-3c1c8183=""><!----> <!----> <div data-v-3c1c8183="" class="table_search_int ivu-input-wrapper ivu-input-wrapper-default ivu-input-type-text"><!----> <!----> <i class="ivu-icon ivu-icon-ios-loading ivu-load-loop ivu-input-icon ivu-input-icon-validate"></i> <input autocomplete="off" spellcheck="false" type="text" placeholder="考核目标" class="ivu-input ivu-input-default"> <!----></div></span><span data-v-3c1c8183=""><!----> <!----> <div data-v-3c1c8183="" class="table_search_int ivu-input-wrapper ivu-input-wrapper-default ivu-input-type-text"><!----> <!----> <i class="ivu-icon ivu-icon-ios-loading ivu-load-loop ivu-input-icon ivu-input-icon-validate"></i> <input autocomplete="off" spellcheck="false" type="text" placeholder="考核标准" class="ivu-input ivu-input-default"> <!----></div></span> <button data-v-3c1c8183="" type="button" class="btns ivu-btn ivu-btn-info" style="width: 56px;"><!----> <!----> <span><span data-v-3c1c8183=""> 查询 </span></span></button><button data-v-3c1c8183="" type="button" class="btns ivu-btn ivu-btn-primary"><!----> <!----> <span><span data-v-3c1c8183=""> 导入 </span></span></button><button data-v-3c1c8183="" type="button" class="btns ivu-btn ivu-btn-primary"><!----> <!----> <span><span data-v-3c1c8183=""> 导出 </span></span></button><button data-v-3c1c8183="" type="button" class="btns ivu-btn ivu-btn-warning"><!----> <!----> <span><span data-v-3c1c8183=""> 新增 </span></span></button><button data-v-3c1c8183="" type="button" class="btns ivu-btn ivu-btn-error"><!----> <!----> <span><span data-v-3c1c8183=""> 删除 </span></span></button></div> <div data-v-3c1c8183="" class="table-form ivu-row"><!----> <!----> <div data-v-3c1c8183="" class="ivu-table-wrapper" style="height: 200px;"><div class="ivu-table ivu-table-small ivu-table-stripe ivu-table-with-fixed-top"><!----> <div class="ivu-table-header"><table cellspacing="0" cellpadding="0" border="0" style="width: 1129px;"><colgroup><col width="60"><col width="100"><col width="100"><col width="100"><col width="340"><col width="340"><col width="80"> <col width="8"></colgroup> <thead><tr><th class="ivu-table-column-wZlaS8 ivu-table-column-center"><div class="ivu-table-cell ivu-table-cell-with-selection"><label class="ivu-checkbox-wrapper ivu-checkbox-default"><span class="ivu-checkbox"><span class="ivu-checkbox-inner"></span> <input type="checkbox" class="ivu-checkbox-input"></span> <!----></label></div> <!----></th><th class="ivu-table-column-04H7sV ivu-table-column-left"><div class="ivu-table-cell"><span class="">分类</span> <!----> <!----></div> <!----></th><th class="ivu-table-column-g8LZ9i ivu-table-column-left"><div class="ivu-table-cell"><span class="">序号</span> <!----> <!----></div> <!----></th><th class="ivu-table-column-p3XzY6 ivu-table-column-left"><div class="ivu-table-cell"><span class="">权重（%）</span> <!----> <!----></div> <!----></th><th class="ivu-table-column-qODpHN ivu-table-column-left"><div class="ivu-table-cell"><span class="">考核目标</span> <!----> <!----></div> <!----></th><th class="ivu-table-column-oYd3ep ivu-table-column-left"><div class="ivu-table-cell"><span class="">考核标准</span> <!----> <!----></div> <!----></th><th class="ivu-table-column-Ig9Tbq ivu-table-column-center ivu-table-hidden"><div class="ivu-table-cell ivu-table-hidden"><span class="">操作</span> <!----> <!----></div> <!----></th> <th rowspan="1" class="ivu-table-hidden"></th></tr></thead></table></div> <div class="ivu-table-body ivu-table-overflowY" style="height: 163px;"><table cellspacing="0" cellpadding="0" border="0" style="width: 1121px;"><colgroup><col width="60"><col width="100"><col width="100"><col width="100"><col width="340"><col width="340"><col width="80"></colgroup><tbody class="ivu-table-tbody"><tr class="ivu-table-row"><td class="ivu-table-column-wZlaS8 ivu-table-column-center"><div class="ivu-table-cell ivu-table-cell-with-selection"><!----> <label class="ivu-checkbox-wrapper ivu-checkbox-default"><span class="ivu-checkbox"><span class="ivu-checkbox-inner"></span> <input type="checkbox" class="ivu-checkbox-input"></span> <!----></label> <!----> <!----> <!----> <!----> <!----> <!----> <!----></div></td><td class="ivu-table-column-04H7sV ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">关键业务指标</span></div></div> <!----></div></td><td class="ivu-table-column-g8LZ9i ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">1</span></div></div> <!----></div></td><td class="ivu-table-column-p3XzY6 ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">20</span></div></div> <!----></div></td><td class="ivu-table-column-qODpHN ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div class="ivu-tooltip"><div class="ivu-tooltip-rel"><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">考核目标需要SMART化；例如：在XX时间按XX标准完成XX项目交付。</span></div></div> <div class="ivu-tooltip-popper ivu-tooltip-dark" style="position: absolute; will-change: top, left; display: none; top: 37px; left: 567px;" x-placement="top"><div class="ivu-tooltip-content"><div class="ivu-tooltip-arrow"></div> <div class="ivu-tooltip-inner">考核目标需要SMART化；例如：在XX时间按XX标准完成XX项目交付。</div></div></div></div> <!----></div></td><td class="ivu-table-column-oYd3ep ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">①在2024年X月X日前，完成包括考核目标内的其他模块开发交付，且无bug，为优秀；②在2024年X月X日前，完成考核目标要求的模块开发交付，且无bug，为合格；③2024年X月X日未完成考核目标要求的模块开发交付，或完成后出现bug，为不足</span></div></div> <!----></div></td><td class="ivu-table-column-Ig9Tbq ivu-table-column-center ivu-table-hidden"><div class="ivu-table-cell ivu-table-hidden"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><button type="button" class="ivu-btn ivu-btn-success ivu-btn-small" style="display: inline-block;"><!----> <!----> <span>编辑</span></button></div> <!----></div></td></tr><tr class="ivu-table-row"><td class="ivu-table-column-wZlaS8 ivu-table-column-center"><div class="ivu-table-cell ivu-table-cell-with-selection"><!----> <label class="ivu-checkbox-wrapper ivu-checkbox-default"><span class="ivu-checkbox"><span class="ivu-checkbox-inner"></span> <input type="checkbox" class="ivu-checkbox-input"></span> <!----></label> <!----> <!----> <!----> <!----> <!----> <!----> <!----></div></td><td class="ivu-table-column-04H7sV ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">关键业务指标</span></div></div> <!----></div></td><td class="ivu-table-column-g8LZ9i ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">2</span></div></div> <!----></div></td><td class="ivu-table-column-p3XzY6 ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">20</span></div></div> <!----></div></td><td class="ivu-table-column-qODpHN ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div class="ivu-tooltip"><div class="ivu-tooltip-rel"><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">考核目标需要SMART化；例如：在XX时间按XX标准完成XX项目交付。</span></div></div> <div class="ivu-tooltip-popper ivu-tooltip-dark" style="position: absolute; will-change: top, left; display: none; top: 78px; left: 567px;" x-placement="top"><div class="ivu-tooltip-content"><div class="ivu-tooltip-arrow"></div> <div class="ivu-tooltip-inner">考核目标需要SMART化；例如：在XX时间按XX标准完成XX项目交付。</div></div></div></div> <!----></div></td><td class="ivu-table-column-oYd3ep ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">①在2024年X月X日前，完成包括考核目标内的其他模块开发交付，且无bug，为优秀；②在2024年X月X日前，完成考核目标要求的模块开发交付，且无bug，为合格；③2024年X月X日未完成考核目标要求的模块开发交付，或完成后出现bug，为不足</span></div></div> <!----></div></td><td class="ivu-table-column-Ig9Tbq ivu-table-column-center ivu-table-hidden"><div class="ivu-table-cell ivu-table-hidden"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><button type="button" class="ivu-btn ivu-btn-success ivu-btn-small" style="display: inline-block;"><!----> <!----> <span>编辑</span></button></div> <!----></div></td></tr><tr class="ivu-table-row"><td class="ivu-table-column-wZlaS8 ivu-table-column-center"><div class="ivu-table-cell ivu-table-cell-with-selection"><!----> <label class="ivu-checkbox-wrapper ivu-checkbox-default"><span class="ivu-checkbox"><span class="ivu-checkbox-inner"></span> <input type="checkbox" class="ivu-checkbox-input"></span> <!----></label> <!----> <!----> <!----> <!----> <!----> <!----> <!----></div></td><td class="ivu-table-column-04H7sV ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">关键业务指标</span></div></div> <!----></div></td><td class="ivu-table-column-g8LZ9i ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">3</span></div></div> <!----></div></td><td class="ivu-table-column-p3XzY6 ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">20</span></div></div> <!----></div></td><td class="ivu-table-column-qODpHN ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div class="ivu-tooltip"><div class="ivu-tooltip-rel"><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">考核目标需要SMART化；例如：在XX时间按XX标准完成XX项目交付。</span></div></div> <div class="ivu-tooltip-popper ivu-tooltip-dark" style="position: absolute; will-change: top, left; display: none; top: 118px; left: 567px;" x-placement="top"><div class="ivu-tooltip-content"><div class="ivu-tooltip-arrow"></div> <div class="ivu-tooltip-inner">考核目标需要SMART化；例如：在XX时间按XX标准完成XX项目交付。</div></div></div></div> <!----></div></td><td class="ivu-table-column-oYd3ep ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">①在2024年X月X日前，完成包括考核目标内的其他模块开发交付，且无bug，为优秀；②在2024年X月X日前，完成考核目标要求的模块开发交付，且无bug，为合格；③2024年X月X日未完成考核目标要求的模块开发交付，或完成后出现bug，为不足</span></div></div> <!----></div></td><td class="ivu-table-column-Ig9Tbq ivu-table-column-center ivu-table-hidden"><div class="ivu-table-cell ivu-table-hidden"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><button type="button" class="ivu-btn ivu-btn-success ivu-btn-small" style="display: inline-block;"><!----> <!----> <span>编辑</span></button></div> <!----></div></td></tr><tr class="ivu-table-row"><td class="ivu-table-column-wZlaS8 ivu-table-column-center"><div class="ivu-table-cell ivu-table-cell-with-selection"><!----> <label class="ivu-checkbox-wrapper ivu-checkbox-default"><span class="ivu-checkbox"><span class="ivu-checkbox-inner"></span> <input type="checkbox" class="ivu-checkbox-input"></span> <!----></label> <!----> <!----> <!----> <!----> <!----> <!----> <!----></div></td><td class="ivu-table-column-04H7sV ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">关键业务指标</span></div></div> <!----></div></td><td class="ivu-table-column-g8LZ9i ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">4</span></div></div> <!----></div></td><td class="ivu-table-column-p3XzY6 ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">20</span></div></div> <!----></div></td><td class="ivu-table-column-qODpHN ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div class="ivu-tooltip"><div class="ivu-tooltip-rel"><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">考核目标需要SMART化；例如：在XX时间按XX标准完成XX项目交付。</span></div></div> <div class="ivu-tooltip-popper ivu-tooltip-dark" style="position: absolute; will-change: top, left; display: none; top: 159px; left: 567px;" x-placement="top"><div class="ivu-tooltip-content"><div class="ivu-tooltip-arrow"></div> <div class="ivu-tooltip-inner">考核目标需要SMART化；例如：在XX时间按XX标准完成XX项目交付。</div></div></div></div> <!----></div></td><td class="ivu-table-column-oYd3ep ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">①在2024年X月X日前，完成包括考核目标内的其他模块开发交付，且无bug，为优秀；②在2024年X月X日前，完成考核目标要求的模块开发交付，且无bug，为合格；③2024年X月X日未完成考核目标要求的模块开发交付，或完成后出现bug，为不足</span></div></div> <!----></div></td><td class="ivu-table-column-Ig9Tbq ivu-table-column-center ivu-table-hidden"><div class="ivu-table-cell ivu-table-hidden"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><button type="button" class="ivu-btn ivu-btn-success ivu-btn-small" style="display: inline-block;"><!----> <!----> <span>编辑</span></button></div> <!----></div></td></tr><tr class="ivu-table-row"><td class="ivu-table-column-wZlaS8 ivu-table-column-center"><div class="ivu-table-cell ivu-table-cell-with-selection"><!----> <label class="ivu-checkbox-wrapper ivu-checkbox-default"><span class="ivu-checkbox"><span class="ivu-checkbox-inner"></span> <input type="checkbox" class="ivu-checkbox-input"></span> <!----></label> <!----> <!----> <!----> <!----> <!----> <!----> <!----></div></td><td class="ivu-table-column-04H7sV ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">价值观指标</span></div></div> <!----></div></td><td class="ivu-table-column-g8LZ9i ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">5</span></div></div> <!----></div></td><td class="ivu-table-column-p3XzY6 ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">10</span></div></div> <!----></div></td><td class="ivu-table-column-qODpHN ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div class="ivu-tooltip"><div class="ivu-tooltip-rel"><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">试用期内进入XX项目，并通过客户考核</span></div></div> <div class="ivu-tooltip-popper ivu-tooltip-dark" style="display: none;"><div class="ivu-tooltip-content"><div class="ivu-tooltip-arrow"></div> <div class="ivu-tooltip-inner">试用期内进入XX项目，并通过客户考核</div></div></div></div> <!----></div></td><td class="ivu-table-column-oYd3ep ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div class="ivu-tooltip"><div class="ivu-tooltip-rel"><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">①通过则合格②未通过且未进入其他项目的为不合格，原则上不能转正。</span></div></div> <div class="ivu-tooltip-popper ivu-tooltip-dark" style="display: none;"><div class="ivu-tooltip-content"><div class="ivu-tooltip-arrow"></div> <div class="ivu-tooltip-inner">①通过则合格②未通过且未进入其他项目的为不合格，原则上不能转正。</div></div></div></div> <!----></div></td><td class="ivu-table-column-Ig9Tbq ivu-table-column-center ivu-table-hidden"><div class="ivu-table-cell ivu-table-hidden"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><button type="button" class="ivu-btn ivu-btn-success ivu-btn-small" style="display: inline-block;"><!----> <!----> <span>编辑</span></button></div> <!----></div></td></tr><tr class="ivu-table-row"><td class="ivu-table-column-wZlaS8 ivu-table-column-center"><div class="ivu-table-cell ivu-table-cell-with-selection"><!----> <label class="ivu-checkbox-wrapper ivu-checkbox-default"><span class="ivu-checkbox"><span class="ivu-checkbox-inner"></span> <input type="checkbox" class="ivu-checkbox-input"></span> <!----></label> <!----> <!----> <!----> <!----> <!----> <!----> <!----></div></td><td class="ivu-table-column-04H7sV ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">价值观指标</span></div></div> <!----></div></td><td class="ivu-table-column-g8LZ9i ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">6</span></div></div> <!----></div></td><td class="ivu-table-column-p3XzY6 ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">10</span></div></div> <!----></div></td><td class="ivu-table-column-qODpHN ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">综合素质</span></div></div> <!----></div></td><td class="ivu-table-column-oYd3ep ivu-table-column-left"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">①积极主动，责任心强，严格自律，能自觉遵守公司各项规章制度； ②接受任务主动，责任心较强，能较准确接受上级指示，遵守公司的各项规章制度； ③接受任务不主动，责任心不强，有违纪现象。 ④能主动积极与本部门其他成员建立良好的协作关系，保持良好的团队合作气氛；与部门外、公司外人员，建立良好的人际关系，促进业务上的沟通； ⑤能与其他成员建立较好的协作关系，保持较好的团队合作气氛；与部门外、公司外人员，建立较好的人际关系，促进业务沟通； ⑥不能很好保持的团队合作气氛；与部门内、外、公司外人员，人际关系较弱，不能很好促进工作沟通。 ⑦为人礼貌、正直、豁达，能实事求是阐述问题，有良好的适应能力，能很快加入公司的团队，能主动更新业务知识； ⑧为人诚实，较能实事求是阐述问题，有较好的适应能力，融入公司的团队较快，更新业务知识较强； ⑨有一定性格问题，阐述问题有片面性，适应能力较弱，融入公司的团队较难，不能主动更新业务知识。</span></div></div> <!----></div></td><td class="ivu-table-column-Ig9Tbq ivu-table-column-center ivu-table-hidden"><div class="ivu-table-cell ivu-table-hidden"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><button type="button" class="ivu-btn ivu-btn-success ivu-btn-small" style="display: inline-block;"><!----> <!----> <span>编辑</span></button></div> <!----></div></td></tr></tbody></table></div> <!----> <div class="ivu-table-tip" style="height: 163px; display: none;"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td style="width: 1130px; height: 163px;"><span>暂无筛选结果</span></td></tr></tbody></table></div> <!----> <div class="ivu-table-fixed-right" style="width: 80px; right: 8px;"><div class="ivu-table-fixed-header"><table cellspacing="0" cellpadding="0" border="0" style="width: 80px; right: 8px;"><colgroup><col width="80"><col width="60"><col width="100"><col width="100"><col width="100"><col width="340"><col width="340"> <col width="8"></colgroup> <thead><tr><th class="ivu-table-column-Ig9Tbq ivu-table-column-center"><div class="ivu-table-cell"><span class="">操作</span> <!----> <!----></div> <!----></th><th class="ivu-table-column-wZlaS8 ivu-table-column-center ivu-table-hidden"><div class="ivu-table-cell ivu-table-cell-with-selection"><label class="ivu-checkbox-wrapper ivu-checkbox-default"><span class="ivu-checkbox"><span class="ivu-checkbox-inner"></span> <input type="checkbox" class="ivu-checkbox-input"></span> <!----></label></div> <!----></th><th class="ivu-table-column-04H7sV ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><span class="">分类</span> <!----> <!----></div> <!----></th><th class="ivu-table-column-g8LZ9i ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><span class="">序号</span> <!----> <!----></div> <!----></th><th class="ivu-table-column-p3XzY6 ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><span class="">权重（%）</span> <!----> <!----></div> <!----></th><th class="ivu-table-column-qODpHN ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><span class="">考核目标</span> <!----> <!----></div> <!----></th><th class="ivu-table-column-oYd3ep ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><span class="">考核标准</span> <!----> <!----></div> <!----></th> <th rowspan="1" class="ivu-table-hidden"></th></tr></thead></table></div> <div class="ivu-table-fixed-body" style="height: 162px;"><table cellspacing="0" cellpadding="0" border="0" style="width: 80px; right: 8px;"><colgroup><col width="80"><col width="60"><col width="100"><col width="100"><col width="100"><col width="340"><col width="340"></colgroup><tbody class="ivu-table-tbody"><tr class="ivu-table-row"><td class="ivu-table-column-Ig9Tbq ivu-table-column-center"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><button type="button" class="ivu-btn ivu-btn-success ivu-btn-small" style="display: inline-block;"><!----> <!----> <span>编辑</span></button></div> <!----></div></td><td class="ivu-table-column-wZlaS8 ivu-table-column-center ivu-table-hidden"><div class="ivu-table-cell ivu-table-cell-with-selection"><!----> <label class="ivu-checkbox-wrapper ivu-checkbox-default"><span class="ivu-checkbox"><span class="ivu-checkbox-inner"></span> <input type="checkbox" class="ivu-checkbox-input"></span> <!----></label> <!----> <!----> <!----> <!----> <!----> <!----> <!----></div></td><td class="ivu-table-column-04H7sV ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">关键业务指标</span></div></div> <!----></div></td><td class="ivu-table-column-g8LZ9i ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">1</span></div></div> <!----></div></td><td class="ivu-table-column-p3XzY6 ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">20</span></div></div> <!----></div></td><td class="ivu-table-column-qODpHN ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div class="ivu-tooltip"><div class="ivu-tooltip-rel"><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">考核目标需要SMART化；例如：在XX时间按XX标准完成XX项目交付。</span></div></div> <div class="ivu-tooltip-popper ivu-tooltip-dark" style="display: none;"><div class="ivu-tooltip-content"><div class="ivu-tooltip-arrow"></div> <div class="ivu-tooltip-inner">考核目标需要SMART化；例如：在XX时间按XX标准完成XX项目交付。</div></div></div></div> <!----></div></td><td class="ivu-table-column-oYd3ep ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">①在2024年X月X日前，完成包括考核目标内的其他模块开发交付，且无bug，为优秀；②在2024年X月X日前，完成考核目标要求的模块开发交付，且无bug，为合格；③2024年X月X日未完成考核目标要求的模块开发交付，或完成后出现bug，为不足</span></div></div> <!----></div></td></tr><tr class="ivu-table-row"><td class="ivu-table-column-Ig9Tbq ivu-table-column-center"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><button type="button" class="ivu-btn ivu-btn-success ivu-btn-small" style="display: inline-block;"><!----> <!----> <span>编辑</span></button></div> <!----></div></td><td class="ivu-table-column-wZlaS8 ivu-table-column-center ivu-table-hidden"><div class="ivu-table-cell ivu-table-cell-with-selection"><!----> <label class="ivu-checkbox-wrapper ivu-checkbox-default"><span class="ivu-checkbox"><span class="ivu-checkbox-inner"></span> <input type="checkbox" class="ivu-checkbox-input"></span> <!----></label> <!----> <!----> <!----> <!----> <!----> <!----> <!----></div></td><td class="ivu-table-column-04H7sV ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">关键业务指标</span></div></div> <!----></div></td><td class="ivu-table-column-g8LZ9i ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">2</span></div></div> <!----></div></td><td class="ivu-table-column-p3XzY6 ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">20</span></div></div> <!----></div></td><td class="ivu-table-column-qODpHN ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div class="ivu-tooltip"><div class="ivu-tooltip-rel"><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">考核目标需要SMART化；例如：在XX时间按XX标准完成XX项目交付。</span></div></div> <div class="ivu-tooltip-popper ivu-tooltip-dark" style="display: none;"><div class="ivu-tooltip-content"><div class="ivu-tooltip-arrow"></div> <div class="ivu-tooltip-inner">考核目标需要SMART化；例如：在XX时间按XX标准完成XX项目交付。</div></div></div></div> <!----></div></td><td class="ivu-table-column-oYd3ep ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">①在2024年X月X日前，完成包括考核目标内的其他模块开发交付，且无bug，为优秀；②在2024年X月X日前，完成考核目标要求的模块开发交付，且无bug，为合格；③2024年X月X日未完成考核目标要求的模块开发交付，或完成后出现bug，为不足</span></div></div> <!----></div></td></tr><tr class="ivu-table-row"><td class="ivu-table-column-Ig9Tbq ivu-table-column-center"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><button type="button" class="ivu-btn ivu-btn-success ivu-btn-small" style="display: inline-block;"><!----> <!----> <span>编辑</span></button></div> <!----></div></td><td class="ivu-table-column-wZlaS8 ivu-table-column-center ivu-table-hidden"><div class="ivu-table-cell ivu-table-cell-with-selection"><!----> <label class="ivu-checkbox-wrapper ivu-checkbox-default"><span class="ivu-checkbox"><span class="ivu-checkbox-inner"></span> <input type="checkbox" class="ivu-checkbox-input"></span> <!----></label> <!----> <!----> <!----> <!----> <!----> <!----> <!----></div></td><td class="ivu-table-column-04H7sV ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">关键业务指标</span></div></div> <!----></div></td><td class="ivu-table-column-g8LZ9i ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">3</span></div></div> <!----></div></td><td class="ivu-table-column-p3XzY6 ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">20</span></div></div> <!----></div></td><td class="ivu-table-column-qODpHN ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div class="ivu-tooltip"><div class="ivu-tooltip-rel"><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">考核目标需要SMART化；例如：在XX时间按XX标准完成XX项目交付。</span></div></div> <div class="ivu-tooltip-popper ivu-tooltip-dark" style="display: none;"><div class="ivu-tooltip-content"><div class="ivu-tooltip-arrow"></div> <div class="ivu-tooltip-inner">考核目标需要SMART化；例如：在XX时间按XX标准完成XX项目交付。</div></div></div></div> <!----></div></td><td class="ivu-table-column-oYd3ep ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">①在2024年X月X日前，完成包括考核目标内的其他模块开发交付，且无bug，为优秀；②在2024年X月X日前，完成考核目标要求的模块开发交付，且无bug，为合格；③2024年X月X日未完成考核目标要求的模块开发交付，或完成后出现bug，为不足</span></div></div> <!----></div></td></tr><tr class="ivu-table-row"><td class="ivu-table-column-Ig9Tbq ivu-table-column-center"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><button type="button" class="ivu-btn ivu-btn-success ivu-btn-small" style="display: inline-block;"><!----> <!----> <span>编辑</span></button></div> <!----></div></td><td class="ivu-table-column-wZlaS8 ivu-table-column-center ivu-table-hidden"><div class="ivu-table-cell ivu-table-cell-with-selection"><!----> <label class="ivu-checkbox-wrapper ivu-checkbox-default"><span class="ivu-checkbox"><span class="ivu-checkbox-inner"></span> <input type="checkbox" class="ivu-checkbox-input"></span> <!----></label> <!----> <!----> <!----> <!----> <!----> <!----> <!----></div></td><td class="ivu-table-column-04H7sV ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">关键业务指标</span></div></div> <!----></div></td><td class="ivu-table-column-g8LZ9i ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">4</span></div></div> <!----></div></td><td class="ivu-table-column-p3XzY6 ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">20</span></div></div> <!----></div></td><td class="ivu-table-column-qODpHN ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div class="ivu-tooltip"><div class="ivu-tooltip-rel"><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">考核目标需要SMART化；例如：在XX时间按XX标准完成XX项目交付。</span></div></div> <div class="ivu-tooltip-popper ivu-tooltip-dark" style="display: none;"><div class="ivu-tooltip-content"><div class="ivu-tooltip-arrow"></div> <div class="ivu-tooltip-inner">考核目标需要SMART化；例如：在XX时间按XX标准完成XX项目交付。</div></div></div></div> <!----></div></td><td class="ivu-table-column-oYd3ep ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">①在2024年X月X日前，完成包括考核目标内的其他模块开发交付，且无bug，为优秀；②在2024年X月X日前，完成考核目标要求的模块开发交付，且无bug，为合格；③2024年X月X日未完成考核目标要求的模块开发交付，或完成后出现bug，为不足</span></div></div> <!----></div></td></tr><tr class="ivu-table-row"><td class="ivu-table-column-Ig9Tbq ivu-table-column-center"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><button type="button" class="ivu-btn ivu-btn-success ivu-btn-small" style="display: inline-block;"><!----> <!----> <span>编辑</span></button></div> <!----></div></td><td class="ivu-table-column-wZlaS8 ivu-table-column-center ivu-table-hidden"><div class="ivu-table-cell ivu-table-cell-with-selection"><!----> <label class="ivu-checkbox-wrapper ivu-checkbox-default"><span class="ivu-checkbox"><span class="ivu-checkbox-inner"></span> <input type="checkbox" class="ivu-checkbox-input"></span> <!----></label> <!----> <!----> <!----> <!----> <!----> <!----> <!----></div></td><td class="ivu-table-column-04H7sV ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">价值观指标</span></div></div> <!----></div></td><td class="ivu-table-column-g8LZ9i ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">5</span></div></div> <!----></div></td><td class="ivu-table-column-p3XzY6 ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">10</span></div></div> <!----></div></td><td class="ivu-table-column-qODpHN ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div class="ivu-tooltip"><div class="ivu-tooltip-rel"><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">试用期内进入XX项目，并通过客户考核</span></div></div> <div class="ivu-tooltip-popper ivu-tooltip-dark" style="display: none;"><div class="ivu-tooltip-content"><div class="ivu-tooltip-arrow"></div> <div class="ivu-tooltip-inner">试用期内进入XX项目，并通过客户考核</div></div></div></div> <!----></div></td><td class="ivu-table-column-oYd3ep ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div class="ivu-tooltip"><div class="ivu-tooltip-rel"><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">①通过则合格②未通过且未进入其他项目的为不合格，原则上不能转正。</span></div></div> <div class="ivu-tooltip-popper ivu-tooltip-dark" style="display: none;"><div class="ivu-tooltip-content"><div class="ivu-tooltip-arrow"></div> <div class="ivu-tooltip-inner">①通过则合格②未通过且未进入其他项目的为不合格，原则上不能转正。</div></div></div></div> <!----></div></td></tr><tr class="ivu-table-row"><td class="ivu-table-column-Ig9Tbq ivu-table-column-center"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><button type="button" class="ivu-btn ivu-btn-success ivu-btn-small" style="display: inline-block;"><!----> <!----> <span>编辑</span></button></div> <!----></div></td><td class="ivu-table-column-wZlaS8 ivu-table-column-center ivu-table-hidden"><div class="ivu-table-cell ivu-table-cell-with-selection"><!----> <label class="ivu-checkbox-wrapper ivu-checkbox-default"><span class="ivu-checkbox"><span class="ivu-checkbox-inner"></span> <input type="checkbox" class="ivu-checkbox-input"></span> <!----></label> <!----> <!----> <!----> <!----> <!----> <!----> <!----></div></td><td class="ivu-table-column-04H7sV ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">价值观指标</span></div></div> <!----></div></td><td class="ivu-table-column-g8LZ9i ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">6</span></div></div> <!----></div></td><td class="ivu-table-column-p3XzY6 ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">10</span></div></div> <!----></div></td><td class="ivu-table-column-qODpHN ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">综合素质</span></div></div> <!----></div></td><td class="ivu-table-column-oYd3ep ivu-table-column-left ivu-table-hidden"><div class="ivu-table-cell"><!----> <!----> <!----> <!----> <!----> <!----> <!----> <div><div style="width: 100%; height: 40px; line-height: 40px; text-align: center; display: flex; align-items: center;"><span style="display: inline-block; font-size: 12px; vertical-align: middle;">①积极主动，责任心强，严格自律，能自觉遵守公司各项规章制度； ②接受任务主动，责任心较强，能较准确接受上级指示，遵守公司的各项规章制度； ③接受任务不主动，责任心不强，有违纪现象。 ④能主动积极与本部门其他成员建立良好的协作关系，保持良好的团队合作气氛；与部门外、公司外人员，建立良好的人际关系，促进业务上的沟通； ⑤能与其他成员建立较好的协作关系，保持较好的团队合作气氛；与部门外、公司外人员，建立较好的人际关系，促进业务沟通； ⑥不能很好保持的团队合作气氛；与部门内、外、公司外人员，人际关系较弱，不能很好促进工作沟通。 ⑦为人礼貌、正直、豁达，能实事求是阐述问题，有良好的适应能力，能很快加入公司的团队，能主动更新业务知识； ⑧为人诚实，较能实事求是阐述问题，有较好的适应能力，融入公司的团队较快，更新业务知识较强； ⑨有一定性格问题，阐述问题有片面性，适应能力较弱，融入公司的团队较难，不能主动更新业务知识。</span></div></div> <!----></div></td></tr></tbody></table></div> <!----></div> <div class="ivu-table-fixed-right-header" style="width: 8px; height: 38px;"></div> <!----></div> <div class="ivu-table-resize-line" style="display: none;"></div> <!----> <!----><object tabindex="-1" type="text/html" data="about:blank" style="display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: none; padding: 0px; margin: 0px; opacity: 0; z-index: -1000; pointer-events: none;"></object></div></div> <div data-v-3c1c8183="" class="ivu-row-flex"><ul data-v-3c1c8183="" class="ivu-page mini"><!----> <li title="上一页" class="ivu-page-prev ivu-page-disabled"><a><i class="ivu-icon ivu-icon-ios-arrow-back"></i></a></li> <li title="1" class="ivu-page-item ivu-page-item-active"><a>1</a></li> <!----> <!----> <!----> <!----> <!----> <!----> <!----> <!----> <!----> <!----> <li title="下一页" class="ivu-page-next ivu-page-disabled"><a><i class="ivu-icon ivu-icon-ios-arrow-forward"></i></a></li> <div class="ivu-page-options"><div class="ivu-page-options-sizer"><div class="ivu-select ivu-select-single ivu-select-small"><div tabindex="0" class="ivu-select-selection"><input type="hidden" value="10"> <div class=""><!----> <!----> <span class="ivu-select-selected-value">10 条/页</span> <!----> <!----> <i class="ivu-icon ivu-icon-ios-arrow-down ivu-select-arrow"></i></div></div> <div class="ivu-select-dropdown" style="display: none; min-width: 85px; position: absolute; will-change: top, left; transform-origin: center bottom; z-index: 10002; top: 242px; left: 132px;" x-placement="top"><ul class="ivu-select-not-found" style="display: none;"><li>无匹配数据</li></ul> <ul class="ivu-select-dropdown-list"><!----> <li class="ivu-select-item ivu-select-item-selected" style="text-align: center;">10 条/页</li><li class="ivu-select-item" style="text-align: center;">20 条/页</li><li class="ivu-select-item" style="text-align: center;">50 条/页</li><li class="ivu-select-item" style="text-align: center;">100 条/页</li></ul> <ul class="ivu-select-loading" style="display: none;">加载中</ul></div></div></div> <div class="ivu-page-options-elevator"> 跳至 <input type="text" autocomplete="off" spellcheck="false"> 页 </div></div></ul> <span data-v-3c1c8183="" style="margin-left: 10px; margin-top: 2px;"> 第 1 - 6 共 <span data-v-3c1c8183="">6</span></span> <button data-v-3c1c8183="" type="button" class="refresh ivu-btn ivu-btn-default ivu-btn-circle ivu-btn-small ivu-btn-icon-only"><!----> <i class="ivu-icon ivu-icon-md-refresh"></i> <!----></button></div></div></div></div> 1 document.querySelector("div.cover .dataContent .ivu-col .ivu-card-body "); 打印如上面的html 结构 2 完善查询 找到导入按钮
最新发布
08-26
如果用户必须使用CSS选择器，可能需要依赖类名的组合，或者检查是否有其他属性可以利用，比如style属性中的特定值。例如，导入按钮的style是width: 56px;，但这种内联样式可能不稳定。 最终，可能需要结合类名和...
详解css中的display属性
09-25
在CSS布局中，`display`属性通常与`block`、`none`、`inline`以及`inline-block`等值一起使用。 1. `display: block` - `block`值使得元素以块级元素的形式显示。这意味着元素会占据一整行，并且可以设置宽度、...
display的值和作用
qac的博客
12-07 794
3.display的值和作用 display 的属性值有：none|inline|block|inline-block|list-item|run-in|table|inline-table|table-row-group|table-header-group|table-footer-group|table-row|table-column-group|table-column|table-cell|table-caption|inherit 其中常用的的有none、inline、block、inline
display属性值之间的区别
阳光下的冷静的博客
06-05 1010
display这个属性主要可以取三个不同的值，分别为：block, inline , inline-block 分别对应着块级元素，行内元素和内联元素。三种不同的元素的区别如下： block ：前后有换行符；可设置宽高 margin padding,但即使设置了宽高，仍然是独占一行 inline：设置宽高无效，宽高主要根据内容决定；margin padding在竖直方向无效，但在水平方向有效；前...
display_inline-block_table-cell
weixin_30480583的博客
12-20 148
1、display:inline-block; 兼容性：兼容到IE7+，Chrome，Firefox html： 1 <ul class="list"> 2 <li>首页</li> 3 <li>文章列表</li> 4 <li>关于我</li> 5 </ul&...
vue中tab隐藏display:none（v-show无效，v-if有效）
luemeon的博客
07-28 1777
编译前和运行时标签不同。
display:table-cell,inline-block 之间的缝隙
weixin_30955617的博客
09-27 275
1.dispaly:table-call ,会让你对元素设置的为百分百的宽度失效，设置正常数值宽高时， vertical-align: middle;可让内部元素垂直居中，但如果加上position：absolute或者fixed , vertical-align: middle会失效 2.font-size:0; 可以去掉inline-block 之间的缝隙。 如 ...
列表两列布局 display:table-cell; *display:inline-block;
shilianweiyao的专栏
04-04 563
absolute绝对定位的非绝对定位用法，头像固定的，右侧自使用布局                 我堆满零碎破败的意象， 在译文中捏造你的容颜。 或生或灭· 一笔带过瑟缩，一句写完执着。 等季节敲打丁零的飘落； 叶是寂静的秋脱离忧思， 花于树的种子滴落咫尺。 你于我异度...                       我堆满零碎破败的意象，
td格式出问题,可以了解下，是不是你的dispaly:inline-block
小样
10-28 2695
用td 不是很多，今天第一次使用 谢了一个这样的代码代码段<table> <tr><td class=""></td><td class=""></td><td class=""></td><td class=""></td></tr> <tr><td class=""></td><td class=""></td><td class=""></td><td class=""></td></tr
display:inline inline-block block
zzzley的博客
11-24 1066
display：block，inline，inline-block
display:list-item
扶正眼镜，继续继续
02-19 1609
display:list-item
【前端】CSS : display
weixin_72686942的博客
07-18 1826
元素的显示方式。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值