如何创建具有居中文本的梯形div？

文章/答案/技术大牛

发布

1回答

html、css、reactjs

我正在尝试创建一个梯形的div形状，并希望将文本放置在中心。我目前有一个顶部边框形状像梯形的div。这样做的问题是文本位于div的中心，而不是梯形的中心。我可以改变页边距并手动将文本放在中间，但这太麻烦了，需要布局来响应不同的屏幕大小。我想把div的主体做成梯形</e

浏览 23提问于2019-10-29得票数 1

回答已采纳

1回答

如何在CSS形状中获取文本？

css

我正在尝试学习如何使用:before将文本放到我的形状中，但是我被卡住了，不确定它是如何实际工作的。以下是基本设置：使用 border-top: 100px solid blue; heigh

浏览 3提问于2016-09-15得票数 0

回答已采纳

3回答

如何创建具有背景重复的梯形div

javascript、css、html

我想在div中制作一个像这样的图像背景，如下图所示。但是我找不到任何合适的css或js属性。有没有人能帮我找出这是怎么回事？ 

浏览 1提问于2014-01-08得票数 0

2回答

HTML如何使输入和图像显示在同一行上

html、css、svg

stackoverflow上有几个建议的解决方案，但我无法让任何一个发挥作用。当前html代码： <div class="data" id="text_data"><inputtype="text" width="48" height="48"/>&l

浏览 2提问于2016-05-26得票数 1

1回答

带边框和居中文本的透明梯形按钮

html、css、css-shapes、css-transforms

我在设计一个梯形是关键的地方。我正在使用下面的代码来实现我想要的效果，但是它有问题：在形状中心放置文字<e

浏览 4提问于2014-10-13得票数 3

1回答

如何在倒梯形(shape)中书写文字？

html、css

我想知道如何用倒梯形书写文字。我看到了许多解决方案，如何将文本放在梯形形状中，但还没有找到一个倒梯形的代码。我想要的就是把我的文本放在倒三角形里面：感谢您<3 <!border-left: 70px solid transparent;}</head>

浏览 53提问于2020-05-01得票数 0

回答已采纳

1回答

如何在css中的梯形中插入文本？

jquery、html、css

你能告诉我如何在css中的梯形中插入文本吗？实际上我很喜欢这个 <meta name="viewport" content="width=device-width"></head><divid="container"> <

浏览 3提问于2017-05-14得票数 0

2回答

教我如何使用CSS居中显示图像

html、css

我已经搜索了这个问题，但没有找到任何有用的东西...在之前的一篇文章中，有人建议我不要使用center。我查了一下，现在明白为什么使用它是不利的……所以..。我正在使用HTML Kit-Tools，所以不确定这是不是程序问题，很可能是我无用的智力…… </center&

浏览 5提问于2015-03-11得票数 0

2回答

使用CSS居中浮动、宽度较小的div

html、css

包含两行文本的居中div，左右两侧的文本与居中div底部的文本相邻。我希望文本在页面上居中(无论是主要的"hello world“或第二行)。现在，我正在使用一个具有指定width和margin: auto的外部div。如果宽度太大，文本将不会居中显示；如果宽度对

浏览 0提问于2012-06-19得票数 2

回答已采纳

2回答

在firefox中具有水平居中文本和绝对定位文本的div

html、css、cross-browser

我构建了一个具有水平居中文本的div，该div使用了一个表和一个垂直对齐: middle。我在该div中添加了一个绝对定位的文本。只需用chrome打开它，就会看到居中\绝对定位的文本。然后在firefox中打开它，可以看到绝对定位的<

浏览 0提问于2011-06-16得票数 1

回答已采纳

1回答

中心3 div* (一个可变宽度，2个固定宽度)在另一个div内。*

css、layout、html

我正努力做到以下几点：两个要居中的内部div标记是固定的(左边和右边的图像)。以下是我正在努力实现的目标：如何才能做到这

浏览 2提问于2012-10-05得票数 0

回答已采纳

1回答

平行四边形内水平居中对象

html、css、clip-path

我目前有一个用div和css属性clip-path创建的平行四边形。这个形状也被固定在屏幕的止动和底部，具有动态宽度。我正在尝试弄清楚如何水平(而不是垂直)居中显示内容。我的问题是，我试图居中的任何文本似乎都居中矩形，而不是我创建的平行四边形。到目前为止，我已经尝试在div中使用内容的左右填充、基于百分比<e

浏览 1提问于2020-03-30得票数 0

5回答

使用CSS进行水平对齐

css

我有以下代码： <p>Test<p><span style="color: Green">▼</span>这是一个非常简单的问题，我想，但我不知道如何使段落显示为水平居中对齐？

浏览 8提问于2011-06-11得票数 3

回答已采纳

4回答

将文本放置在图像上

html、css

我有这样的图像：但我想把文本放在中间，如下所示：我如何才能做到这一点？我想用超文本标记语言来做这件事，所以我会使用<div>或<span>

浏览 4提问于2010-02-17得票数 14

回答已采纳

2回答

另一个div +图像内的垂直中心div

html、css、image、center

我有一个div，它包含一个图像，另一个div包含文本。该图像用作背景图像(我有一些原因，为什么我不想通过background-image属性这样做)。内部div的文本应该在外部div中垂直居中。外部div具有width: 100%，用于具有窄设备的响应行为。我需要更改的一件事是将图像的</

浏览 5提问于2016-07-20得票数 1

回答已采纳

5回答

使用CSS居中显示文本div？

php、html、css

嘿，伙计们，我试着把这个放在中心位置：<h1>Welcome home, <?</h1>下面是使用的CSS即时消息：position: absolute;margin-right: auto;但是它不工作

浏览 1提问于2014-08-09得票数 0

2回答

在使用未排序列表的梯形div中对文本进行居中

html、css、menu

试着让每一个梯形都以文字为中心--但不知道怎么做！HTML结构如下： <ul><div class="fade-div" id="trapezium1"> HOME </div></ul> <ul><div边框烦躁技术来获取斜方体，但是随着形状的倒置，我必须在使用border-botto

浏览 2提问于2013-07-26得票数 0

回答已采纳

1回答

2块在不同的父列中具有相同的高度

jquery、html、css、flexbox

我正在尝试创建一个有2列并排的布局。1在背景图像上包含文本，另一个在顶部包含宽图像，下面是文本块。以下是模型的快速草图(不确定链接到任何图像的最佳方式)：所以，我遇到的问题是，如何将左侧的列文本与右侧的文本对齐？显然，它们位于两个独立的div中，因此彼此之间并没有太多的联系。所以这就是最棘手的部分。

浏览 1提问于2017-11-28得票数 0

1回答

在其他div内部居中对齐div，并在垂直和水平方向上居中对齐图像

html、css、alignment

我正在努力实现以下目标:我在页面的中央有一个垂直和水平的中间div (wrapper)。在该div中，我希望有另外2个div，其中一个将包含徽标，另一个将包含一些文本。徽标图像还必须与其div的中心垂直和水平对齐。目前，我所拥有的是：下面是我的HTML和CSS的jsfiddle：我如何才能使logo div居中(仅水平居中，并具有1

浏览 2提问于2012-10-16得票数 1

回答已采纳

4回答

如何检测div中何时出现多行？

javascript、css、html、padding

我有一个带有特定宽度的div标签，它将通过javascript接收文本。<div id="titleTop" style="width:400px; height:25px; padding-top:15px;"></div> 当文本的长度超过宽度时，div应该调整其填充，这样文本的第二行就不会被位于下面的另一个div遮挡。)

浏览 0提问于2012-11-30得票数 3

回答已采纳

点击加载更多