display:inline-block的上下对齐方式

原创 前端工程师_钱成 随笔 CSS3效果 225阅读 2018-06-17 16:16:08 举报

1、盒子里有内容时,是内容顶部与内容顶部对齐,有border-top或margin-top时,border-top或margin-top凸出在对齐线上面。
2、盒子里无内容时,是margin-bottom底部与margin-bottom底部对齐;无border-bottom和margin-bottom时,内容的底部与margin-bottom的底部对齐;有border-bottom且无margin-bottom时,border-bottom的底部与margin-bottom的底部对齐。
3、有的盒子有内容,有的盒子没内容,有内容盒子的内容底部与无内容盒子的margin-bottom的底部对齐。
4、示例如下:

ng-model的作用过程:以<input type="text" ng-model="name">{{name}}为例:
(1)如果input所在的作用域内已经声明name并给name赋值了,那么ng-model会把该值获取到,并在input里输出。同时{{name}}也会把该值取到页面上。当input里面的值改变时,ng-model会把作用域内的name值进行修改,同时{{name}}也会用修改后的name值覆盖原来页面上的name值。
(2)如果input所在的作用域内没有声明name,那么ng-model会在作用域内声明一个name。当input里面输入值后,ng-model会对作用域内的name进行赋值,同时{{name}}也会在页面上输出。
<!--<input type="radio" name="inlineRadioOptions" ng-model="yesOrNo" ng-value="1">。ng-value:设置输入框的值。ng-checked:选择一个或选择所有选项。
<input type="checkbox" ng-model="all"> Check all<br><br>
<input type="checkbox" ng-checked="all">Volvo<br>
<input type="checkbox" ng-checked="all">Ford<br>
<input type="checkbox" ng-checked="all">Mercedes-->
<!--<input type="radio" name="inlineRadioOptions" ng-model="yesOrNo" ng-value="2">。ng-value:设置输入框的值。-->
<!--ng-model的值就是选中的那个radio所对应的ng-value的值-->
<!--初始化单选框,比较yesOrNo=1=ng-value,此单选框被选中;点击此单选框,此单选框被选中,赋值yesOrNo=ng-value=1-->
<!--ng-model的作用过程:以<input type="text" ng-model="name">{{name}}为例:
(1)如果input所在的作用域内已经声明name并给name赋值了,那么ng-model会把该值获取到,并在input里输出。-->

 <select ng-model="myLog.resultDo"  ng-options="item.value as item.key for item in resultDo"></select>
  $scope.resultDo = [
            { value: '', key: '全部' },
            { value: '已读', key: '已读' },
            { value: '未读', key: '未读' }
        ]

https://blog.csdn.net/mydtudysy/article/details/78040969

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复