centering 相关问题

我一直在努力寻找解决这个问题的方法，但到目前为止没有任何效果。我希望我能得到一些帮助。我正在尝试让一个正常的列表位于页面中心。我的方式... 我一直在努力寻找解决这个问题的方法，但到目前为止没有任何效果。我希望我能得到一些帮助。我正在尝试让一个正常的 <ul> 列表位于页面中心。我一直在考虑解决这个问题的方法是将列表嵌入到 div 中，然后简单地使用 margin: 0 auto; 将 div 居中。但我的问题是，默认情况下，列表似乎采用其父级的 100% 宽度。那么如何将实际列表宽度调整为与最长列表项一样长呢？这是我正在尝试做的事情的说明：或者，或者（我对任一解决方案都可以）：谢谢。要将宽度调整为最长的项目，请将 display: inline-block; 添加到您的 ul 元素 JSfiddle HTML <h1>title </h1> <li> list item 1 </li> <li> list item item 2 </li> <li> list item item item 3 </li> <li> list item 4 </li> 还有CSS h1, li{ text-align:center; } 您只需将 ul 的显示属性调整为“inline-block”，如下所示：您还必须将 ul 元素的文本向左对齐，使其不居中。最后一件事。无序列表有很多填充，可能会偏离居中位置。所以我删除了填充以使其更好地居中。您可能需要调整填充以满足您的需要。 http://jsfiddle.net/k84Rz/ #centeredDiv { width: 100%; margin: 0 auto; text-align: center; } #centeredDiv ul { display: inline-block; text-align: left; padding: 0; } 您可以使用 display: table; + margin: auto 小提琴 ul{ border: 1px solid red; display: table; list-style-type: none; margin: auto; } 要实现类似于第一个插图的效果，请使用 width: fit-contents 来限制列表项的宽度。添加 margin-left: auto 和 margin-right: auto 将项目居中。 li { width: fit-content; margin-left: auto; margin-right: auto; }

html css html-lists centering

回答 5 投票 0

将 div 在 body 中垂直居中？

我尝试将其垂直居中（而不是水平）。另外，我不想指定高度或类似的东西。我尝试添加一个 100% 高度的包装纸和其他东西，但得到了

html css centering

回答 8 投票 0

为什么我的 col-8 不在网格系统的中间或完全在中间对齐

我一直在从一些视频中学习如何使用bootstrap4，我正在使用网格系统，但由于某种原因它没有在中间对齐，这是我的代码。有什么我可以改变的或者也许

html bootstrap-4 centering col

回答 1 投票 0

CSS 翻译和 z 索引

我这里有问题在html文件的正文中有这样的内容： translate() 问题我想通过CSS来实现这个形状： HTML+CSS 这就是我的制作方法： div { ...

css css-position transform centering

回答 1 投票 0

徽标在移动视图中居中

这是我的 WordPress 网站，我正在尝试将我的徽标移到中心。 https://sunnongdanusa.com/ 我已经尝试过他们的属性和位置，但它不起作用，需要帮助请帮我改变...

css wordpress position centering

回答 1 投票 0

将弹性项目放在包装上

我设置了一个包含两个项目的弹性盒，这两个项目应该位于正常屏幕的左侧和右侧。如果屏幕不够大，无法将两者并排显示，它应该换行，但随后它们应该......

html css flexbox centering

回答 3 投票 0

如何在布局（android xml）中将unicode符号作为按钮内部的文本居中？

我正在为 Android 创建计算器。在我的layout.xml 文件中，里面有和。我想要一个带有单符号文本的按钮，该按钮必须居中我正在为 Android 创建计算器。在我的layout.xml 文件中，我有 <LinearLayout> 和 <Button> 。我想要一个带有单符号文本的按钮，该按钮必须水平和垂直居中。我已经成功地将大多数文本符号（箭头除外）居中，其 Unicode 为 \u2190 和 '\u2192'。是否可以使用 paddings 或 android:gravity 来解决这个问题？或者有更复杂的解决方案？在此屏幕截图中，您可以找到一个我尝试了 android:textSize、'android:paddingBottom' 和 'android:paddingTop' 的几种不同值的组合。我希望带有某些参数的简单“android:paddingBottom”应该对我有帮助，但如果我指定的值大于10dp，文本开始向上移动，而不是向下移动。这是我的layout.xml： <Button style="@style/ExtraButtonStyle" android:text="\u2190" android:textSize="44dp" android:paddingBottom="4dp" android:id="@+id/left_arrow"> </Button> 这是我的 styles.xml 文件，其中包含应用的样式： <resources> <style name="MyButtonStyle"> <item name="android:layout_width">60dp</item> <item name="android:layout_height">60dp</item> <item name="android:textColor">@color/white</item> <item name="android:layout_marginLeft">12dp</item> <item name="android:layout_marginRight">12dp</item> <item name="android:layout_marginTop">5dp</item> <item name="android:layout_marginBottom">5dp</item> <item name="android:textSize">30dp</item> <item name="android:textAllCaps">false</item> </style> <style name="ExtraButtonStyle" parent="MyButtonStyle"> <item name="android:backgroundTint">@color/grey</item> </style> </resources> 删除layout.xml中的行 android:paddingBottom="4dp" 并在该行后面添加MainActivity Button buttonLeftArrow = findViewById(R.id.left_arrow); 附加线 buttonLeftArrow.setPadding(0,0,0,32);

android android-layout button padding centering

回答 1 投票 0

为什么我的页面顶部有大片空白？

我是 html 和 css 的初学者，目前我正在开发一个项目。我不知道为什么我的页面顶部有很大的空白空间。我已经尝试了尽可能多的调试，但我没有没明白...

html css frontend whitespace centering

回答 2 投票 0

centering 相关问题

最新问题