HTML/CSS文本与div顶部对齐

avwztpqn  于 2023-01-06  发布在  其他
关注(0)|答案(1)|浏览(162)

我有问题,我的文本对齐从div顶部。
这里是HTML:

<div id="services">

        <div class="langelis">
            <div class="icon">
                <img src="images/knyg.jpg" alt="knyga" />
            </div>

            <div class="txt">
                    <h1>Lorem Ipsum</h1>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s..</p>
            </div>
        </div>
        <div class="clear"></div>
    </div>

以下是CSS:

#content #main #services {
    width: 1010px;
    height: auto;
    min-height: 320px;
    margin: 50px auto;
}

#content #main #services .langelis {
    width: 510px;
    height: auto;
    min-height: 140px;
    position: relative;
    border: 1px #000 solid; 
}

#content #main #services .langelis .icon {
    width: 65px;
    min-height: 140px;
    height: auto;
    float: left;
    border: 1px #000 solid;
}

#content #main #services .langelis .txt {
    width: 440px;
    height: auto;
    float: left;
    border: 1px #000 solid;
}

如何制作文本
中的印刷和排版行业的简单虚拟文本存有一直是行业的标准虚拟文本自从世纪。
从.txt div的中心对齐?谢谢您的帮助

2ic8powd

2ic8powd1#

首先你需要修复你的css选择器。
你不能用这种方式写所有的id。

#content #main #services

只需选择1个元素及其子元素。
例如,如果你测试这个,它会和你一起工作:

#services .langelis .txt {
width: 440px;
height: auto;
float: left;
border: 1px #000 solid;
text-align:center;

}
如果你想让它垂直对齐**. txt**div的中心,你可以这样做:
一个二个一个一个

相关问题