阿里2015校招前端方向的一道面试题

最新推荐文章于 2021-03-05 17:54:13 发布

会开花的树-

最新推荐文章于 2021-03-05 17:54:13 发布

阅读量522

点赞数

分类专栏： CSS 文章标签：面试题前端

本文链接：https://blog.youkuaiyun.com/u013830811/article/details/50670642

版权

CSS 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了阿里2015年校招前端面试中的一道题目，主要涉及页面元素的居中对齐问题。通过解答代码展示了如何实现文本在容器内的上下和左右居中对齐，重点考察了前端布局技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

题目如图：

这里写图片描述

解答代码如下：

<html>
    <head>
        <style>
         div{
            height:100px;
            width:60px;
            float:left;
            margin-left:100px;
            font-size:24px;
            font-weight:bold;
            line-height:100px;
            color:white;
            background-color:black;
            text-align:center;
        }
        </style>
    </head>
    <body>
    <main>
        <div>A</div>
        <div>B</div>
        <div>C</div>
    </main> 
    </body>
</html>