我试图改变css文件中的一个重叠元素(文本)。一行文本(在普通浏览器中)在移动的中显示为两行文本,重叠在一起。
此更改适用于网站的移动的版本(横向平板电脑的@media部分)
目前,iPad/平板电脑上的页眉(h2
)文本重叠。
h2 @media
区段的程式码:
.da-slide h2{
font-size: 36px;
width: 80%;
top: 40px;
padding: 18px 20px 18px 20px;
(The .da-slide h2
是在html中保存此文本的组件)
我尝试了line-height
属性,但它不起作用?
有什么想法...
3条答案
按热度按时间axr492tv1#
您确定行高css属性已套用至您的类别吗?
CSS格式
否则,您是否在标头中添加了 meta标记?
此外,对于响应式网站,请确保文本没有调整:
CSS格式
yhxst69z2#
这应该可以防止文本换行,但它会切断结束文本。也就是说,不会显示任何超过宽度的文本。
只需将其添加到现有类:
就我个人而言,我喜欢在长标题和平板设备上使用省略号效果。省略号修剪文本,并在文本被修剪的地方添加三个点。
效果示例如下:
这是一个非常长,完全不可避免的页面标题,我需要显示
取决于宽度,可能显示为:
希望能有所帮助。
bwntbbo33#
enter image description here
我假设这是您的问题,如果是的话,您可以通过更改行高来解决它:60px像改变你想要的CSS属性 * line-height