text-align 相关问题

CSS的一个属性,用于确定文本的对齐方式

无法在 CSS 中居中 h1 标签

我是一名网络开发初学者,我在将 h1 文本置于代码中时遇到问题。我正在使用 text-align: center 属性,但文本未居中。 我也遇到麻烦了

回答 1 投票 0

如何阻止文本脱离div

我正在尝试在背景图像上对齐文本,但是当我调整浏览器窗口大小时,文本会跳到图像之外。 我想用图像设置响应文本。如果我调整浏览器大小...

回答 0 投票 0

如何在不同行中使用不同数量的 <ul> 元素来保持 <li> 中的间距均匀

在最后一行,li 元素之间的空格与前面的行不一样。我希望他们都一样。我不想使用 text-align: center,因为它会破坏 li 之间的对齐方式

回答 2 投票 0

如果数据很大,页面底部没有正确对齐?

我正在处理模板页面 html 和 CSS。我面临问题页面模板未对齐底部 当数据大且多时正确。 那么如何根据下面的预期图像对齐页面底部 问题前...

回答 0 投票 0

垂直对齐 flex children 与不同字体大小的文本

我使用 Tailwind CSS。我正在尝试将 flex 容器与 flex 子容器垂直对齐,每个子容器的字体大小都不同。我尝试在每个孩子上垂直对齐:居中,但这似乎并没有……

回答 0 投票 0

li 元素中较长的标签继续换行到下一行

所以我很难将项目保持在 LI 元素内联。 每个都由一个 svg 符号、一个复选框和一个文本标签组成。 当标签太长时,文本换行到下一行。 我试过了

回答 0 投票 0

React native Android 12(31), 13(33) text align in lineHeight different

React Natvie 组件在 Android 操作系统时在其 lineHeight 区域中具有不同的文本对齐方式 12 岁以下、13 岁以下 这是 13(33) 这是 12(31) 有谁知道原因吗?字体?操作系统? 使用“NotoSansKR...

回答 0 投票 0

html 电子邮件文本在 div 中垂直居中

我正在尝试将文本放在 html 电子邮件中的 div 中。在浏览器视图中,行高一切正常。但在苹果邮件和 Outlook 中,它不是垂直居中的。

回答 0 投票 0

试图在同一行的 iframe 旁边放置文本

我正在尝试对齐 iframe(在本例中为留言簿)旁边的链接列表。 <question vote="0"> <p>我正在尝试对齐 iframe(在本例中为留言簿)旁边的链接列表。</p> <pre><code> &lt;div class=&#34;container&#34; align=&#34;center&#34;&gt; &lt;iframe scrolling=&#34;yes&#34; src=&#34;http://liminalphotos.123guestbook.com/&#34; frameborder=&#34;100&#34; height =&#34;300&#34; width=&#34;45%&#34;&gt;&lt;/iframe&gt; &lt;/div&gt; &lt;div class=&#34;links&#34;&gt; &lt;a href=&#34;https://liminal.photos/&#34;&gt;go back&lt;/a&gt; &lt;br&gt; &lt;a href=&#34;https://liminal.photos/music.html&#34;&gt;music i like :)&lt;/a&gt; &lt;br&gt; &lt;a href=&#34;https://liminal.photos/scoreboard.html&#34;&gt;cribbage scoreboard&lt;/a&gt; &lt;br&gt; &lt;a href=&#34;https://liminal.photos/webcore.html&#34;&gt;webcore cool stuff&lt;/a&gt; &lt;/div&gt; </code></pre> <pre><code>.container { float: right; width: 100%; } </code></pre> </question> </body></html>

回答 0 投票 0

无法正确对齐输入文本与单选按钮

HTML 你会推荐这个网站吗? HTML <fieldset> <label id="radio-buttons">Would you recommand this website? <input type="radio" name="radio" value="button" class="inline" checked>Yes</input> <input type="radio" name="radio" value="button" class="inline">No</input> <input type="radio" name="radio" value="button" class="inline">Maybe</input> </label> </fieldset> CSS input{ margin: 5px 0 0 0; width: 100%; min-height: 1.3em; } .inline{ width: unset; margin: 0 0.5em 0 0; vertical-align: middle; } 我尝试将单选按钮与文本本身对齐,但按钮最终比文本高出几个像素,我尝试了所有我能在网上找到的东西,但没有任何效果。 这可能是由 <label> 或 <fieldset> 元素上的默认填充或边距引起的。 尝试在您的 CSS 中为这些元素将 padding 和 margin 设置为 0,看看是否有帮助。 label, fieldset { padding: 0; margin: 0; } 如果没有,您可以尝试调整 .inline 类的 line-height 属性,直到文本和单选按钮按照您想要的方式对齐。 例如: .inline { line-height: 1.3em; /* rest of CSS */ } min-height 偏移你的对齐方式。你可以放下它,一切都很好。 你也可以摆脱垂直对齐。 在那种情况下,你需要重新做整个事情。这是一个快速修复。这里有更多关于如何在未来正确设置它的信息:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fieldset p { margin: 0; /* optional, for the sake of SO editing */ } <fieldset> <p>Would you recommand this website?</p> <input type="radio" name="radio" value="button" id="yes" checked> <label for="yes">Yes</label><br> <input type="radio" name="radio" value="button" id="no"> <label for="no">No</label><br> <input type="radio" name="radio" value="button" id="maybe"> <label for="maybe">Maybe</label><br> </fieldset> <Label> 和 <input> 这样不行。 这种方式点击Yes,No或Maybe将影响他们各自的单选框。 fieldset { width : fit-content; min-width : 20em; } label { display : inline-block; margin : .3em 2rem 0 0; } <fieldset> <legend> Would you recommand this website? </legend> <label> <input type="radio" name="radio" value="Yes" checked > Yes </label> <label> <input type="radio" name="radio" value="No" > No </label> <label> <input type="radio" name="radio" value="Maybe" > Maybe </label> </fieldset>

回答 3 投票 0

在 DolphinDB 中填充一个字符串

我想知道在 DolphinDB 中是否有 Python rjust 或 zfill 的替代品。 我想在字符串的指定一侧添加 zeros(0),直到它达到指定的长度。我该怎么办?

回答 1 投票 0

如何使用 CSS 更改图标/表情符号的位置?

我正在尝试将 /ar 页脚中的图标移动到文本的前面。 这是网址和屏幕截图: http://qarawa-sweets.com/ar/ 想要的结果的图像描述 https://i.stack.imgur.com/

回答 1 投票 0

Text-align:center没有对齐<nav> 部分的按钮。

我不知道这是这段代码的问题还是周围代码的问题。正如你所看到的,当你运行这段代码时,将这些按钮居中就能完美地工作。

回答 2 投票 0

回答 2 投票 0

如何排列多个项目?

我有这个代码...

回答 1 投票 -1

HTML将文本居中对齐

我正在制作一些音乐作品集,而这个问题出现在我最喜欢的音乐作品集中。您会看到很长的音乐名称会转到另一行,并且会自动将文本居中对齐。 ...

回答 1 投票 0

如何将HTML元素排成一行?

我有这个代码... [[[[[[[[[[[[[[[[[[[[ 尝试一下: ul li{ float: Left; margin-right:30px; } <div class="header"> <div class="mainh"> <div class="table"> <ul> <li><a>smth</a></li> <li><a>smth</a></li> <li><a>smth</a></li> <li><a>smth</a></li> <li><a>smth</a></li> </ul> </div> </div> </div> li { display: inline; } <div class="header"> <div class="mainh"> <div class="table"> <ul> <li><a>smth</a></li> <li><a>smth</a></li> <li><a>smth</a></li> <li><a>smth</a></li> <li><a>smth</a></li> </ul> </div> </div> </div>

回答 1 投票 0

为什么CSS text-align:left与Simplebar一起使用?

我遇到了text-align:left问题:我的邮件(文本)不向左对齐。到目前为止,我已经尝试了几件事:添加width:100%,float:left和display:block。不幸的是,没有...

回答 1 投票 0

如何将一组左对齐的段落居中?

我是HTML / CSS的新手,如果这对您来说很基础,对不起,但是我想知道如何将一组并排的段落居中对齐。到目前为止,我的情况是:

回答 4 投票 1

html5或CSS的“智能文本流”将句子或段落均匀分布在同样宽的行上?

假设我有一个动态HTML元素(一个span或div或其他内容),其中包含一个句子或一段文本,如下所示:现在,如果我将句子稍长一些,则可能需要额外的一行,例如...] >

回答 1 投票 1

© www.soinside.com 2019 - 2024. All rights reserved.