text-align 相关问题

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

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

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

我如何将dd和dt元素设置为同一行,且dt右对齐和dd左对齐?

我有一个键值对的定义列表,我想将它们放在同一行上并对齐其文本,以使dt元素右对齐,而dd元素左对齐。我也会...

回答 1 投票 0

打破长文本,在表格单元格内没有空格

我想像这里那样对齐此文本,但是如果我运行此代码,则我的较长文本在一行中,而文本“我的信息在两行中。如何在有限的宽度上对齐到更多行?&...] >

回答 2 投票 0

文本对齐,对齐

是否可以使我的文字正常,我的意思是单词之间没有空格?有没有一种方法可以通过分隔单词来将单词包装在下一行上?屏幕截图所需的结果这是我的文本部分代码。 ...

回答 1 投票 -1

垂直对齐三个段落

我正在尝试使用justify-content和align-items垂直对齐三段,一段在顶部,一段在中间,另一段在底部。注意,三个段落在div标签中。这该怎么做?我是...

回答 1 投票 -1

将页码居中对齐水平内联块列表

我正在尝试在此页面底部将页码块居中对齐。 HMTL和CSS如下所示:.pt-cv-pagination-wrapper {position:relative;显示:块;文本对齐:...

回答 2 投票 0

CSS3 {text-align:start}用于日语的上下内容

CSS {text-align:start}的行为与{text-align:end}相同。日语文本中任何清楚的人都可以解释这种现象吗,或者这是...

回答 2 投票 -1

如何在HTML div中将文本居中(垂直和水平)[关闭]

我正在Angular中的一个项目上,该项目正在构建一个计算器,我几乎完成了,但是我有一个无法解决的问题。我看过类似的问题,并且尝试了很多事情,但是...

回答 1 投票 0

如何通过CSS html将容器中的列居中

我使用边框显示容器的边缘,可以看到未在中心显示列。我已经尝试使用margin:auto;居中对齐;但是,它不起作用!我应该修复哪一部分? ...

回答 1 投票 -1

我如何使我的文字和第一个div垂直对齐?

因此,我正在执行此代码来进行训练,但是我找不到一种将文本与div框对齐的方法。另外,我也在尝试使包含其他所有内容的div与...

回答 1 投票 0

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