CSS：如果排在最後一行，則在元素之前換行

在網格狀圖庫中有圖像作爲內嵌塊元素，並且在代碼中的某些點存在隱藏元素，這些隱藏元素基本上是錨點，用作不同年份導航的圖片被採取了。CSS：如果排在最後一行，則在元素之前換行

問題是，當下一年的第一張圖像作爲第一個元素放置在一行中時，錨元素保留在前一行中。我想要做的就是將錨元素粘貼到下一個元素（圖像），以便與它分離。

我向CSS和JS開放。我意識到有這樣做的更好的方法，但更改HTML代碼不是一種選擇，因爲它是一個更大的結構的一部分，即使很小的更改可能會導致其他腳本失敗。

img { 
 
    display: inline-block; 
 
    width: 120px; 
 
    height: 250px; 
 
} 
 

 
div { 
 
    margin: 0; 
 
    padding: 0; 
 
    width: 0; 
 
    height: 0; 
 
    visibility: hidden; 
 
}

<html> 
 

 
<head> 
 
</head> 
 

 
<body> 
 
    <button href="#2015">2015</button> 
 
    <button href="#2016">2016</button> 
 

 
    <img src="..." alt="..."> 
 
    <img src="..." alt="..."> 
 
    <img src="..." alt="..."> 
 
    <img src="..." alt="..."> 
 
    <img src="..." alt="..."> 
 
    <div id="2015"></div> 
 
    <!-- Anchor element --> 
 
    <img src="..." alt="..."> 
 
    <img src="..." alt="..."> 
 
    <img src="..." alt="..."> 
 
    <img src="..." alt="..."> 
 
    <img src="..." alt="..."> 
 
    <div id="2016"></div> 
 
    <!-- Anchor element --> 
 
</body> 
 

 
</html>

來源

2017-06-01 nemoneminem

試試這個代碼

img { 
 
    display: inline-block; 
 
    width: 120px; 
 
    height: 250px; 
 
} 
 

 
div { 
 
    margin: 0; 
 
    padding: 0; 
 
    width: 0; 
 
    height: 0; 
 
    visibility: hidden; 
 
}

<html> 
 

 
<head> 
 

 
</head> 
 

 
<body> 
 
    <a href="#2015">2015</a> 
 
    <a href="#2016">2016</a><br/> 
 

 
    <img src="..." alt="..."> 
 
    <img src="..." alt="..."> 
 
    <img src="..." alt="..."> 
 
    <img src="..." alt="..."> 
 
    <img src="..." alt="..."><br/> 
 
    <div id="2015"></div> 
 
    <!-- Anchor element --> 
 
    <img src="..." alt="..."> 
 
    <img src="..." alt="..."> 
 
    <img src="..." alt="..."> 
 
    <img src="..." alt="..."> 
 
    <img src="..." alt="..."><br/> 
 
    <div id="2016"></div> 
 
    <!-- Anchor element --> 
 
</body> 
 

 
</html>

來源

2017-06-01 02:47:15

這將導致在每個錨休息。我想要做的就是這一點，但只有當錨元素是最後一行。 – nemoneminem

圖片上一個html標記使用
和下一行。 –

1.同樣的問題。即使錨點不是連續的最後一個元素，也會有中斷。 2.就像我說的，更改HTML不是一種選擇。還是謝謝你。 – nemoneminem

CSS：如果排在最後一行，則在元素之前換行

回答

相關問題