写表单过程中，经常会遇见需要使用两端对齐的情况，如下图，这里记录一下两端对齐的小坑 css样式如下： 1 view{ 2 display: inline-block; 3 width: 150rpx; 4 text-align:justify; 5 text-align-last:justify; ...
分类：
Web程序 时间：
2020-10-31 02:03:02
阅读次数：
33
css样式 input[type="checkbox"] { width: 16px; height: 16px; display: inline-block; text-align: center; vertical-align: middle; position: relative; margi ...
分类：
其他好文 时间：
2020-10-13 17:37:26
阅读次数：
24
浮动流： 漂浮在标准流的上方，俗称“脱标” 添加float效果之后：实现了inline-block效果 float效果可以代替inline-block进一步实现无缝隙效果 <div class="nav"> <ul> <li><a>网站首页</a></li> <li><a>网站首页</a></li> ...
分类：
Web程序 时间：
2020-10-06 20:57:38
阅读次数：
50
<style> #Marquee{ height:20px;overflow:hidden; display:inline-block;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1; } #Marquee p{ height:20px;overflow:hi ...
分类：
其他好文 时间：
2020-09-17 15:40:22
阅读次数：
33
一、什么是两列布局 两列布局分为两种，一种是左侧定宽、右侧自适应，另一种是两列都自适应（即左侧宽度由子元素决定，右侧补齐剩余空间）。在CSS面试题里面属于常考题，也是一个前端开发工程师必须掌握的技能，下面将分别介绍实现方式。 二、左侧定宽、右侧自适应如何实现？ 1.双inline-block 原理： ...
分类：
Web程序 时间：
2020-07-30 18:10:07
阅读次数：
97
当我们给一个元素（display为inline-block）的vertical-align设置为middle，我们会发现这个元素并没有垂直对齐。并且发现这个元素的高度的中心点，会在所有兄弟元素中高度最高的元素的底部靠上一点。 如下所示 解决方法： 给当前和它的兄弟元素都添加vertical-alig ...
分类：
Web程序 时间：
2020-07-20 10:46:12
阅读次数：
104
关于编程语言中的注释，其重要性基本上已为大家所共识。 然而关于注释的规范，这个话题就像我们之前聊过的缩进、终止符和命名方式一样，众口难调。 注释符通常可分为两种，即行注释与块注释（inline/block），它们在不同的编程语言中的符号可谓让人眼花缭乱。 比如行注释符，它至少有以下的 17 种之多（ ...
分类：
编程语言 时间：
2020-07-19 21:14:05
阅读次数：
89
css 属性值 display /* display: block; */ /* 浏览器默认样式 *//* display: inline; */ /* 设置为行内元素 *//* display: none; */ /* 隐藏元素不占空间 *//* display: inline-block; */ ...
分类：
Web程序 时间：
2020-07-19 17:53:31
阅读次数：
89
input[type=text], select { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizi ...
分类：
Web程序 时间：
2020-07-16 00:24:12
阅读次数：
86
display属性值： 常用的大的分类值：block inline inline-block <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev ...
分类：
Web程序 时间：
2020-07-12 19:03:02
阅读次数：
77
