小编233*_*870的帖子

我试图从左上角扩展我的整个页面.这就是我的原始页面:

但是,当我尝试扩展我的页面时,会发生以下情况:

这是我的CSS:

html {
    zoom: 1.4; /* Old IE only */
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    transform-origin: top left;
}

我究竟做错了什么？它切断了我的部分页面.

我在悬停时旋转我的图像,我希望过渡顺利,所以这就是我尝试过的:

<div class="latest-thumbs">
    <img src="images/thumbs/thumb01.jpg" alt="thumb" class="rotate" />
    <img src="images/thumbs/thumb01.jpg" alt="thumb" class="rotate" />
    <img src="images/thumbs/thumb01.jpg" alt="thumb" class="rotate" />
</div><!-- end latest-thumbs -->

CSS:

.rotate {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);

    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;

    -webkit-transition: 300ms ease all;
    -moz-transition: 300ms ease all;
    -o-transition: 300ms ease all;
    transition: 300ms ease all;
}

.rotate:hover {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);

    -webkit-transform-origin: …

我有一个相对的 div 位于固定位置 div 的顶部，我想垂直对齐第一个 div。有没有办法做到这一点？这是我当前的标记：

<div class="overlay">
    <div id="dialogInvoice">
        content
    </div>
</div>

CSS：

.overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    z-index: 10;
}

#dialogInvoice {
    width: 390px;
    height: 722px;
    margin: 0 auto;
    padding-top: 28px;
    border-radius: 4px;
    background: #ffffff;
    position: relative;
}

对此有何建议？我确实尝试了行高方法，但这显然仅在使用纯文本时才有效。

我可能会发疯,但我似乎无法找出我做错了什么.我只是想把我的形象集中在一起.

<div class="container ">
    <img src="design/images/logo.png" alt="logo" class="logo" />
    <div class="contactData">
        data
    </div>
</div>

这是我的CSS:

.container {
    max-width: 978px;
    width: calc(100% - 46px);
    height: 300px;
    margin: 0 auto;
    padding-left: 23px;
    padding-right: 23px;

.logo {
        width: 337px;
        height: 76px;
        margin: 0 auto;
        float: none;
    }

 .contactData {
        max-width: 206px;
        margin: 30px auto 0 auto;
        text-align: center;
        float: none;
  }

contactData div中心很好,但图像没有.