Html 如何从文本顶部删除行高?
我在文本旁边使用一个左浮动图像,行高为2 如何将图像顶部与文本顶部对齐Html 如何从文本顶部删除行高?,html,css,fonts,text-alignment,Html,Css,Fonts,Text Alignment,我在文本旁边使用一个左浮动图像,行高为2 如何将图像顶部与文本顶部对齐 折叠由线条高度创建的空间(在 在屏幕截图下方)通过将所有行的高度减小到1或更小 此项目不选择文本的格式 这也将是网站设计中使用的默认样式的一部分 因此,不需要为每次出现手动调整边距 可行 这不是一个单一的情况。可能只有文本,只有 图像、图像后接文本或文本后接图像。文本可能会 标题或段落 有没有办法去除线的顶部高度,并将线的底部高度增加一倍 。左{ 浮动:左; } .文本{ 线高:2; } Lorem ipsum d
- 折叠由线条高度创建的空间(在 在屏幕截图下方)通过将所有行的高度减小到1或更小 此项目不选择文本的格式李>
- 这也将是网站设计中使用的默认样式的一部分 因此,不需要为每次出现手动调整边距 可行
- 这不是一个单一的情况。可能只有文本,只有 图像、图像后接文本或文本后接图像。文本可能会 标题或段落
。左{
浮动:左;
}
.文本{
线高:2;
}
Lorem ipsum door sit amet,一位杰出的领导者,他是一位临时劳工和职业经理人。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。
你是说像这样
有形象
。左{
浮动:左;
边缘顶部:10px;
}
.文本{
线高:2;
}
div img+.文本{
利润上限:-10px;
}
Lorem ipsum door sit amet,一位杰出的领导者,他是一位临时劳工和职业经理人。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。
看看这个。这是你需要的吗
。左{
浮动:左;
边缘顶部:.5em;
}
.文本{
线高:2;
}
Lorem ipsum door sit amet,一位杰出的领导者,他是一位临时劳工和职业经理人。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。
像这样的东西
。左{
浮动:左;
右边距:10px;
}
.对{
浮动:对;
左边距:10px;
}
.内容p{
线高:2;
}
.内容img{
边缘顶部:10px;
}
知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。
知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。
知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。
添加此样式:
.text {
transform: translateY(-0.6em);
}
线条高度为2将使1/2 anem
位于线条上方,1/2 anem
位于线条下方。因此,您只需要从文本的上边距减去1/2 em,然后将其添加回图像。如果将图像放置在文本流中,则无论块类型如何,图像都会工作:
。左{
浮动:左;
边缘顶部:.5em;
}
.文本{
线高:2;
边缘顶部:-.5em;
}
知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。
这是正确的结果,但是只有图像旁边的文本(图像向左或向右浮动)才应以这种方式对齐。如果只显示文本,我不想调整边距。@block14我在跟进旧答案后发现了这个问题。我的更新是否以你想要的方式解决了问题?这可能是最接近我的结果。我列出了一个行高度修正的列表,比如:.clearfix img.left+h3{margin top:-.5em}
。如果有一天被CSS采纳了,我会做出改变。@block14好的,太好了。。。感谢您的回复和接受。有没有一个解决方案也会影响头?我正要发布一个类似的答案,你应该在文本中添加一个负的.5em上边距。@block14是的,到