Question

我的css有问题。
我在其中有一个div和3列span，h3和span。
我想：
div {height：auto} //按h3中的内容自动更改 h3 {height：auto} //此高度将按内容更改 span {vertical-align：middle}

<div>
   <span>span 1</span>
   <h3>text</h3>
   <span>span 2</span>
</div>

请帮我设计一下。感谢。

Answer 1

＆＃13;

div > * {
  display: table-cell;
  vertical-align: middle;
  border: 1px solid red;
}
h3 {
  font-size: 30px;
  height:200px;
}

＆＃13;

<div>
  <span>span 1</span>
  <h3>text <br />text</h3>
  <span>span 2</span>
</div>

＆＃13;

Answer 2

简单......使用它。

＆＃13;

var fixture = {/*some data ... */};

  it('Can call myroutine from myservice', inject(function (myservice) {

        $httpBackend.when('GET', '/someurl/webapi/GetData').respond(fixture);
            //Act
            myservice.myRoutine(expectedVal1, expectedVal2);
            $rootScope.$apply()
            //Assert
            expect(myservice.dataFromResource).toBe(fixture);

        }));

＆＃13;

div {height: 200px;}
span, h3 {
  display: inline-block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
    margin: 0;
}

＆＃13;

Css vertical-align for div中的div具有高度auto

2 个答案: