Question

就像标题中所说的那样，当我检查并查看较小的设备尺寸时，只有屏幕最右边的文本才被截断。

这是我的HTML：

* {
  margin: 0;
}

body {
  overflow-x: hidden;
}

.wrapper1 {
  display: grid;
  grid-template-columns: 6fr 3fr;
  border: 2px solid #6cccb0;
  overflow: hidden;
  height: 30px;
  background-color: #6cccb0;
  width: 1700px;
}

<div class="wrapper1">

  <div>
    <p class="item1">SHIPPED for free | GUARANTEED TO LAST</p>
  </div>


  <div>
    <p class="item2">LOG IN | REGISTER | CUSTOMER SERVICE | 1-800-692-8259 </p>
  </div>

</div>

谢谢

Answer 1

为什么不删除硬设置宽度和'VBA Loop Not exactly recommended if the file is long Set wk = ThisWorkbook With wk.Sheets("SheetName") lastRow = .Cells(Rows.Count, 1).End(xlUp).Row For i = 1 to lastRow aString = .Cells(i, 1).Text bString = .Cells(i, 2).Text If aString & bString = "ABC10" Then MsgBox "Found at Row: " & i Exit For End If Next i End With属性？这些导致您的内容同时在屏幕外并被剪切。

overflow: hidden

* {
  margin: 0;
}

.wrapper1 {
  display: grid;
  grid-template-columns: 2fr 1fr;
  align-items: center;
  border: 2px solid #6cccb0;
  background-color: #6cccb0;
}

Answer 2

您可以使用

library(tibble)

tib_1 <- tibble(a = 1:4, b = LETTERS[1:4])
tib_2 <- tibble(c = 1:4, d = LETTERS[1:4])
tib_3 <- tibble(e = 1:4, f = LETTERS[1:4])
tib_4 <- tibble(g = 1:4, h = LETTERS[1:4])

my_list <- list(tib_1, tib_2, list(tib_3, tib_4))

desired_list <- list(tib_1, tib_2, tib_3, tib_4)

代替

width: 100%;

因此您的item2文本不会消失。

编辑1：

如果要使文本保持一行，我建议使用@media查询更改字体大小。因此您的CSS必须是这样的。

width: 1700px;

我设置了颜色规则来帮助您了解正在发生的事情。您可以删除它们。希望对您有帮助。

CSS网格-当我将尺寸调整为较小的屏幕时，为什么我的文本被截断？

2 个答案: