centering相关内容

如何在伪元素之前将文本居中:

我有这样的代码: span {边界半径:50%;背景颜色:#d8d9dd;边框:6px实心#262c40;宽度:25像素;高度:25像素;边距:30px 0 0 40px;显示:块;}跨度:{之前内容:attr(数据值);职位:相对空白:pre;显示:内联;顶部:-27px;左:-29px;宽度:200像素;文本对齐:居中;} ..
发布时间:2021-04-21 20:03:58 前端开发

无序列表不会居中对齐

h1似乎没有居中问题,但是列表(菜单栏)不会对齐,似乎略有缩进.请解释. 我的HTML: 欢迎! 首页 关于我们 联系人 我的CSS: h1 {文本对齐:居中;}ul {位置:相对;显示:inline-block;列表样式:无;宽度:100%;文本对齐:居中;保证金:自动;}李{列表样式: ..
发布时间:2021-04-21 20:03:55 前端开发

仅在包装上居中按钮

我想知道是否有一种方法可以仅使用CSS来做到这一点,但到目前为止我还没有真正找到任何东西. 在响应式容器中,我有几个按钮彼此串联. 但是,当它们环绕并且第二个按钮下降到新行时,我想将它们居中.有人知道仅靠CSS就能做到吗? 基本上显示我在寻找什么的小提琴: https://jsfiddle.net/5bvmnt3j/ 在小提琴中,假装包装器是响应式的,并且随着浏览器宽度的变 ..
发布时间:2021-04-21 20:03:49 前端开发

将文字放在图片上(html,css)

所以,我有一个图像,我想在其中心显示一些文本. 代码: .img {职位:相对}.img h3 {位置:绝对;宽度:100%顶部:85px;文本对齐:居中;} 好的,所以我做到了.但这就是问题:当我调整浏览器的大小并且图像变小时,文本就从图像中消失了. 所以我的问题是,是否必须对所有不同维度使用 @media 规则?以及我如何知道要在CSS中使用哪些尺寸? 或者也许我可以 ..
发布时间:2021-04-21 20:03:46 前端开发

如何缩放到画布的中心,而不是上下文的中心

我有一块尺寸为400 x 400的画布.在上面,我绘制了一个200 x 200的地图区域.我已将其翻译到画布的中心.我可以放大和缩小,一切都很好.但是,当我平移时,它会从地图区域的中心缩放.无论地图区域在哪里,我都希望它始终从画布的中心缩放.我认为我需要以某种方式否定泛音,但我无法弄清楚.这是我的代码: var canvas = document.getElementById("myCan ..
发布时间:2021-04-21 19:17:01 前端开发

使表格单元格恒定宽度&高度

背景:我正在使用图片购物车,该购物车会自动从php生成基于表格的画廊,从而限制了我的灵活性.我也是新手. 问题:画廊推出了高度适合内容的表格单元.当我有一整行水平缩略图时,表格单元格又短又宽;当一行包含垂直缩略图时,单元格要高得多.我希望所有单元格都为正方形,缩略图位于中间. 我可以访问样式表中的输入CSS以及一小部分HTML输入,但是此HTML插入了各个缩略图表单元格中;我无权编辑主 ..
发布时间:2021-04-03 18:33:29 前端开发

如何将元素水平居中

如何使用CSS将 在另一个÷ div> 中的水平居中? Foo foo 解决方案 您可以将此CSS应用于内部 : #inner {宽度:50%;保证金:0自动;} 当然,您不必将 width 设置为 50%.小于包含的 的任何宽度都可以使用. ..
发布时间:2021-04-03 18:31:52 前端开发

将4GL窗口放置在中心

我在整个4gl程序中有多个窗口,必须将它们定位在屏幕中央。例如: 打开窗口w_yesno AT 10、10 有4行,56列 ATTRIBUTE(边界,消息行第一+ 1, 提示行第一+2) 是否有我可以使用关键字自动在中心打开它吗?像这样的东西: 打开窗口w_yesno AT CENTER 解决方案 不,没有针对中心窗口的关键字解决方案。您可以将变量 ..
发布时间:2020-09-30 19:17:46 其他开发

如何使用MigLayout将内容放在多个面板上?

我有一个大面板,其中包含3个较小的面板( locationPanel , usagePanel , structuralAspectsPanel )。 每个较小的面板都有一些 JLabels 和 JCheckBoxes 在他们身上。我继续将每个面板上的组件居中,但是如何在所有三个面板上将它们居中? (请参见中间的黑线) 我尝试在 MigLayout 中使用单元格布局选项( new JL ..
发布时间:2020-09-30 19:17:44 Java开发

Susy2 Sass:将元素垂直放置在网格列内吗?

在网格列内垂直居中的元素时,我遇到了麻烦。 通常,我会使用table-cell这样的东西,但是我由于Susy的浮动性质,因此遇到了问题。我尝试的所有内容似乎都在某个时候分崩离析。 例如,如果我想将这些元素垂直放置在各自的列中,我将如何做,假设我正在使用 某些文本 某些文本 ..
发布时间:2020-09-30 19:17:40 其他开发

Firefox:如何在不破坏固定位置元素的情况下对整个页面进行灰度处理?

为什么 CSS过滤器,( (与大小/位置无关)会破坏您为后代元素提供固定位置的能力? 除了回答此问题外,请提出解决我展示的问题的解决方案 下面的CSS和HTML只会在视口的中心产生一个红色的小框: #box { 背景:红色;白颜色; 显示:inline-block; 边框:实心#333333 10像素; 填充:5px; 头寸:固定; 最高:50%; 剩余:50% ..
发布时间:2020-09-30 19:17:38 前端开发

将flex项目垂直居中

我正在修改使用Flexbox在列表视图中显示的投资组合模块,但是,我无法对Flexbox中我想要的最后一个孩子进行罚款。我觉得这应该可行,也许我的方法有些不对。 我试过包装 .post-tag div放在其自己的flexbox容器中,并使用 margin-left:auto; ,虽然它可以证明我想要的位置,但它并不是我想要的因为在自动保证金占据的所有内容之下都有一个空白。我仍在和其他可能的解 ..
发布时间:2020-09-30 19:17:33 前端开发

将div元素居中于html标头标记中

我正在尝试将我的div元素以类名 toolbar 居中,并且尝试使用 inline-block div元素上的属性和标题标签上的 text-align:center 都没有运气。 这里是html 以及相应的CSS样式 标头{ 宽度:100%; 高 ..
发布时间:2020-09-30 19:17:29 前端开发