Trung tâm cá nhân
sách gpt4 ai đã đi

Căn giữa một div trong một div và làm cho div bên ngoài tự động thay đổi kích thước dựa trên div bên trong

In lại 作者：行者123 更新时间：2023-11-28 11:45:43 32 4
mua khóa gpt4 Nike

现在我可以将容器 div 的大小自动调整到内部 div，或者我可以将整个东西居中...但我不知道如何同时进行这两项操作。

下面是我拥有的 CSS/布局。现在 page Và chủ yếu 元素都居中，但如果内容超过一定大小，它就会越过边界，而不会调整任何一个元素的大小。

布局


    
        @using Monet.Common
        

            
  
                @Html.Partial("NavBarPartial")
                

                    

                        @RenderBody()

CSS

#contentContainer {
    width: 100%;    
}

.page 
{
    width: 50%; /*1030px;/*75em;/*83.7em;*/
    margin-left: tự động;
    lề phải: tự động;
}

#content {
    padding: 20px;
}


#main 
{
    chiều rộng:tự động;
    display:block;
    height: auto;
    background-color: white; 
    /*border: 1px solid #999;*/
    border-radius: 5px 10px / 10px;
    -webkit-box-shadow: -3px 10px 62px -18px rgba(10,9,10,0.75);
    -moz-box-shadow: -3px 10px 62px -18px rgba(10,9,10,0.75);
    box-shadow: -3px 10px 62px -18px rgba(10,9,10,0.75);

}



footer, 
#footer 
{
    /*background-image: url('Images/TEST2body_bot.png');*/
    background-color: #fff;    
    background-repeat: no-repeat;
    color: #999;
    padding: 10px 0;
    căn chỉnh văn bản: ở giữa;
    line-height: normal;
    margin: 0 0 30px 0;
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}

biên tập

我遇到的问题最好用两个例子来说明。在一个实例中，我有一张 1030 像素宽的表格。该表格完全左对齐，但表格的右边缘远远超出了 chủ yếu 元素的右边界。

另一个问题是一组单选按钮。当页面加载时，按钮右侧应该只有空白。根据用户的选择，特定菜单会出现在单选按钮的右侧。当页面加载时，看起来只是足够的空间用于菜单，但是它们加载在单选按钮的下方而不是右侧。

第二次编辑

这是允许我自动调整 phân chia 大小的 CSS，但是所有内容都是左对齐的(注释掉某些部分并添加 hiển thị: khối nội tuyến Và overflow: auto đến .page). 

/*#contentContainer { Had to comment this whole section out
    width: 100%;    
}*/

.page 
{
    /*width: 50%; /*1030px;/*75em;/*83.7em; Needed to comment this attribute as well*/
    hiển thị: khối nội tuyến;
    overflow: auto;
    margin-left: tự động;
    lề phải: tự động;
}

#main 
{
    height: auto;
    display:block;
    height: auto;
    background-color: white; 
    /*border: 1px solid #999;*/
    border-radius: 5px 10px / 10px;
    -webkit-box-shadow: -3px 10px 62px -18px rgba(10,9,10,0.75);
    -moz-box-shadow: -3px 10px 62px -18px rgba(10,9,10,0.75);
    box-shadow: -3px 10px 62px -18px rgba(10,9,10,0.75);

}

1 Câu trả lời

需要设置父元素为

display: table-cell;
vertical-align: middle;
căn chỉnh văn bản: ở giữa;
#and some kind of height:
height: 350px;

#page-div 到:

hiển thị: khối nội tuyến;

Giống như thế này: http://jsfiddle.net/YA2Ns/1/

关于html - 在一个 div 中居中一个 div，并根据内部 div 使外部 div 自动调整大小，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20506761/

32 4 0
Bài viết được đề xuất: javascript - 无法访问 FTP 以安装 slider 模块，使用外部源？
Bài viết được đề xuất: javascript - 从json中获取准确的数据进行react
Bài viết được đề xuất: css - 将 SVG 调整为特定尺寸
Bài viết được đề xuất: javascript - 当模式处于事件状态时，传单 map 仍然存在。为什么？
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Các bài viết nóng hổi trên toàn bộ trang web
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com