相关疑难解决方法(0)
仅使用 CSS 居中内容？
可能的重复：
如何使用 CSS 轻松水平居中 <div> ？
我读过多种使用 CSS 在页面上居中内容的方法。我不是在谈论文本，而是在谈论图像或容器等内容。
居中内容的最佳方式是什么？
设置框的宽度，然后使用类似 left: 50% 的值？
我读过很多方法，试图理解哪种方法真正效果最好，并且跨浏览器友好并且可以在旧版浏览器中工作，这确实令人困惑。
关于什么是真正最好和最有效的方法有什么想法吗？
谢谢！
推荐指数
解决办法
查看次数
如何在div的两边使边距保持不变
我试图制作一个独立于浏览器的代码,里面有一个搜索栏(这个搜索栏是我从demos.jQuery.com上获得的)但是现在当我试图修复左边和右边的边距百分比时(我想要它的中心)甚至当浏览器宽度改变时对齐)我无法做到这一点,我是CSS新手可以有人帮忙吗？
我到现在为止的代码是:
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<meta name="viewport" content="initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<title>Screen1</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css">
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script>
<link rel="stylesheet" type="text/css" href="screen1.css">
</head>
<body>
<div id="header"><p class="p1"><b>Composite<img class="img1" src="https://cdn2.iconfinder.com/data/icons/picol-vector/32/arrow_sans_down-128.png" alt="alternate"></b></p></div>
<div id=""main>
<div data-role="main" id="main" class="ui-content">
<form>
<input data-type="search" id="divOfPs-input">
</form>
<div class="elements" data-filter="true" data-input="#divOfPs-input">
<p><strong>These</strong> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam</p>
<p><strong>p elements</strong> nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam</p>
<p><strong>are</strong> et ea rebum. Stet clita kasd …推荐指数
解决办法
查看次数
水平居中嵌入Google Doc？
我是 HTML 和 CSS 新手，一直在通过 HTML for dummies 学习。
不管怎样，我想知道如何水平居中嵌入的谷歌文档。
div#iframe-wrapper iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
right: 100px;
height: 100%;
width: 100%;
}<body bgcolor="#414141">
<title>Rules Page</title>
<div class="center">
<iframe width='85%' height='100%' src="https://docs.google.com/document/d/1G1xhqhSK2Ge8diyXELZ3cNvFJj-5wK-0_1VMjCfQR_I/pub?embedded=true"> </iframe>
</div>
</body>推荐指数
解决办法
查看次数
如何居中div的内容
我有一个非常简单的问题,但我似乎无法解决它.我在div中有一个表,这是主要元素.现在我在表格中有一个td标签,其宽度和高度设置为iphone屏幕尺寸.现在我基本上想要将该表与其div标签中的td单元居中,这样"屏幕"将在任何浏览器窗口中居中.我怎么做？
用表替换div解决了我的问题,但我想用div代替.
谢谢
推荐指数
解决办法
查看次数
如何在较大的div内垂直和水平居中div？
如何在另一个<div>中水平居中<div>？我设法从接受的答案中使用样式水平居中.我怎样才能将它垂直居中？内部div的高度未知.
推荐指数
解决办法
查看次数
CSS:在另一个框内创建一个框
我是CSS初学者,想要创建简单的盒子并把另一个盒子放在第一个盒子的中心,
试过这样的事
#first {
width: 100px;
height: 100px;
background: red;
}
#first #second{
width: 50%;
height: 50%;
background: green;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>BOX-EXAMPLE</title>
</head>
<body>
<div id="first">
<div id="second"></div>
</div>
</body>
</html>但不如预期的那样.
推荐指数
解决办法
查看次数
如何在角材料中居中登录卡
我很难将登录卡居中。这是它现在的样子：
这是我的代码： .html
<!-- ============================================================== -->
<!-- Simple four boxes Row -->
<!-- ============================================================== -->
<div fxLayout="row" fxLayoutWrap="wrap">
<!-- column -->
<div fxFlex.gt-sm="100" fxFlex.gt-xs="100" fxFlex="100">
<mat-card>
<mat-card-content>
<!-- Row -->
<div fxLayout="row" fxLayoutWrap="wrap">
<!-- column -->
<div fxFlex.gt-sm="50" fxFlex.gt-xs="50" >
<div class="contains">
<div class="login-box">
<mat-card class="mat-elevation-z2" style="background-color: #26C6DA">
<mat-card-header style="background-color: teal; color: whitesmoke;">Login</mat-card-header>
<mat-card-content>
<form class="form my-2 my-lg-0" #loginForm="ngForm" (ngSubmit)="login()">
<mat-form-field>
<input type="text" class="text-white" placeholder="Username" name="username" [(ngModel)]="model.username" required matInput/>
</mat-form-field>
<mat-form-field>
<input type="password" placeholder="Password" name="password" [(ngModel)]="model.password" required matInput/>
</mat-form-field>
<button …推荐指数
解决办法
查看次数
如何使用CSS在网格视图的中心显示UpdateProgress？
需要在放置在Ajax更新面板中的网格视图的中心显示更新进度.有没有办法使用CSS(不使用jQuery或Java Script)将Update progreass控件放在网格视图(或页面中心)的中心？
推荐指数
解决办法
查看次数
中心在div内对齐div？
如何在页面中心对齐3个浮动div？
<div style="width:100%">
<div style="width:90%">
<div style="width:80%">
//Content
</div>
</div>
</div>
推荐指数
解决办法
查看次数
尝试将图像居中于总视口宽度的 33%
我的图像为display: block;、text-align: center;、 ，width: 33%;但仍然没有居中或表现得像 33%。我也尝试过width: 33vw（33％视口宽度），仍然没有运气。
我尝试创建一个100%的容器，然后创建一个图像所在的div，仍然没有解决它。我有一种强烈的感觉，这很愚蠢，但我已经看代码太久了，我找不到它。我只是希望徽标的大小发生变化，以便手机上的用户可以看到完整的徽标，而不必向右滚动。
a {
text-decoration: none;
color: black;
}
nav {
position: sticky;
position: -webkit-sticky;
top: 0;
}
.nav {
position: sticky;
left: 0;
background-color: rgba(255,255,255,.8);
border-radius: 0px;
border: none;
width: 100%;
padding: 10px 0;
flex-direction: row;
display: flex;
align-items: center;
justify-content: space-evenly;
}
.item {
color: black;
font-weight: bold;
text-transform: capitalize;
width: 25%;
text-align: center;
}
.submenu {
display: none;
flex-wrap: wrap;
align-items: center;
align-text: …推荐指数
解决办法
查看次数
标签 统计
css ×10
html ×7
asp.net ×1
css3 ×1
iframe ×1
javascript ×1
jquery ×1
layout ×1
position ×1
positioning ×1
updatepanel ×1
webforms ×1