naive-ui/demo/debug-pages/verticalAlignDebug.vue

59 lines
1.2 KiB
Vue
Raw Normal View History

2019-09-12 11:56:49 +08:00
<template>
2020-12-12 13:51:22 +08:00
<div style="padding: 100px">
<div
style="
width: 100%;
line-height: 60px;
text-decoration: underline overline;
"
>
2019-09-12 11:56:49 +08:00
123456ggg
2020-12-12 13:51:22 +08:00
<n-select multiple :options="options" style="width: 200px" />
<n-select :options="options" style="width: 200px" />
<n-input style="width: 200px; display: inline-block" />
2019-09-12 11:56:49 +08:00
</div>
<n-input />
<n-select :options="options" />
2020-12-12 13:51:22 +08:00
<n-select multiple :options="options" style="width: 200px" />
<div
style="
width: 100%;
line-height: 60px;
text-decoration: underline overline;
"
>
2019-09-12 11:56:49 +08:00
123456ggg
<input
2020-12-12 13:51:22 +08:00
style="height: 60px; display: inline-block; vertical-align: baseline"
2019-09-12 11:56:49 +08:00
value="666"
/>
2019-09-13 22:32:15 +08:00
<n-checkbox />
2019-09-12 11:56:49 +08:00
<div
2020-12-12 13:51:22 +08:00
style="
height: 60px;
background: red;
display: inline-block;
vertical-align: baseline;
"
2019-09-12 11:56:49 +08:00
>
666
</div>
</div>
</div>
</template>
<script>
export default {
data () {
return {
2020-12-12 13:51:22 +08:00
options: [
{
label: 'test',
value: 'test'
}
]
2019-09-12 11:56:49 +08:00
}
}
}
</script>