个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
考虑下面的问题:你想让一个菜单居中，这会改变它的内容(例如按下一个按钮后，第一个按钮的内容是将它从“Hello”设置为“Greetings, user!”或者沿着这些线的东西。重要的是元素的宽度将是一个变量。
假设您还想将元素的内容居中。我发现的一种方法基本上是这样的:
.centerMe1 {
margin-right: auto ;
margin-left: auto ;
max-width: 500px;
}
这很好用，除了我不能在这种情况下使用它，因为我不知道元素的宽度。我尝试使用 float:left，因为它将父项的宽度设置为等于其子项的宽度，但它不起作用。基本上宽度设置正确，但元素未居中。
这是第二类:
.centerMe2 {
margin-right: auto ;
float: left;
margin-left: auto ;
}
和整个源代码(使测试更容易)
<!DOCTYPE html>
<html>
<head>
<title>Center Error</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<link href="bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery.js"></script>
<style type="text/css">
.centerMe1 {
margin-right: auto ;
margin-left: auto ;
max-width:500px;
}
.centerMe2 {
margin-right: auto ;
float: left;
margin-left: auto ;
}
</style>
</head>
<body>
<div class="row-fluid">
<div class="span12">
<ul class="nav nav-pills centerMe1">
<li class="active"><a href="#">adsadw er sdfw</a> </li>
<li><a href="#">QQQQQQQQQQQQQ</a></li>
<li><a href="#">some other random gibberish</a></li>
</ul>
</div>
</div>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
最佳答案
如果你让 ul 成为 block 元素，那么它会占据整个宽度，你可以将 li 设置为 display:inline-block。现在 li 项是内联 block ，它们可以通过 text-align:center;
ul {
display:block;
text-align:center;
}
li {
display:inline-block;
}
fiddle :
关于css - 以未知宽度居中元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18226534/
25
4
0
我有一个交叉表函数，我过去曾多次成功使用它，但现在它在最后转储所有数据，而不是将其旋转到输出表中。它似乎无法找到交叉表。我通过以下方式对其进行了研究； 如果 tablefunc 不存在则创建扩展； -
表1(客户表) Id, CustomerId, IsKnownCustomer,phonemacaddress 1, 空 0 00:9a:34:cf:a4 2, 004024 1 00:6f:64:c
知道为什么我总是收到这个烦人且无用的错误代码/描述吗？ Failed to pull image myapidemodocker.azurecr.io/apidemo:v4.0: rpc error:
我正在进行 PHP 登录，并且之前可以正常工作，但我尝试使用户名功能不区分大小写，但此后代码一直无法正常工作。我删除了我添加的所有内容，以尝试使其不区分大小写，即 strtolower()。页面上显示
有人会帮助我提供有关此错误的任何可能信息吗？原因？登录？在哪里寻找/开始？ Cannot use output buffering in output buffering display handl
我已经添加了这样的脚本 我在我的 test.js 中做了这个 var app = angular.module('MyApp', ['ngRoute']).config
关闭。这个问题需要更多focused .它目前不接受答案。 想改进这个问题吗？ 更新问题，使其只关注一个问题 editing this post . 关闭 8 年前。 Improve this qu
我有这个sql语句: selectAllUsersByCriteria = 连接.prepareStatement( “从用户那里选择*？=？” )； 下面的方法运行该语句: public Array
我有一个白色的 EditText，在 Android 3.1 及更高版本中，光标不显示(因为它也是白色的)。有关信息，我使用 android:background="@android:drawable
我正在尝试使用 Keras 实现深度学习模型。但是我有一个未知形状实现的问题。我一直在寻找类似的错误，但没有找到。 这是我的代码。 Xhome = dataset[:,32:62] Xaway = d
关注此introduction可以通过导入命名空间 System.Xml 来使用 XMLReader 类。在我的 Visual Studio 项目中，我使用 .NET 4.0，但 System.Xml
我有一个动态链接库的程序。该程序将函数指针传递给该库以执行。 但是 ubsan(Undefined Behavior Sanitizer)指定指针位于错误的函数类型上。那只会发生 如果回调函数有一个类
我正在尝试在我的 Swift SpriteKit 应用程序中使用 AVAudioSession。我遇到了奇怪的“未声明类型”问题。例如…… import AVFoundation var audioS
如果在编译期间(在实际编译和运行程序之前)其参数之一的值已知/未知，如何专门化模板函数？ 我还不知道怎么做。 想法 1: #include #include int main(void){
我看到一些人的代码是这样的: while (!(baseType == typeof(Object))) { .... baseType = baseType.BaseType;
我正在尝试使用 GoColly 框架获取所有 HREF 链接，但是只允许任何域的 url 为根 URL 或子域(否路径)。我已经注释掉了我的 REGEXP。文件扩展名没有事情。我只是在“/”之后不想要
我有一个包含多个实体的数据库，特别是 Book 和 User。它们之间存在这样的 ManyToMany 关系: 书: @Entity @Table(name = "Books") public cla
如果我将范围的初始部分设置为 Range("A:A")，如何确保将整行传递给排序？ 数据 id、fname、mname、lname、后缀、状态、位置、时区 通过在 id 中搜索起点和终点来选择范围。
我对kubernetes很陌生，而对于docker来说就不那么多了。 我一直在研究示例，但是我对自动缩放器(似乎无法缩放)感到困惑。 我在这里通过示例https://kubernetes.io/doc
我在 ChildWindow 中使用 SL Toolkit 5 中的 BusyIndicator 控件。 在某些解决方案中，它可以工作，但在其他解决方案中，使用完全相同的代码(至少看起来)，我在运
我是一名优秀的程序员,十分优秀！