Вопросы Теги

Spring и JPA, найдите элементы, содержащие все данные, используя метод репозитория ORM [duplicate]

подход column кажется хорошим компромиссом, если вы установите column-width через vmin или vmax единицы и drop column-count (первый фрагмент), display:grid и vmin также являются опцией для futur (второй фрагмент).

фрагмент вдохновлен ответом @Lanti.

blockquote>

тестовая демонстрация с vmin 

.container {

}

ul {
  margin: 0;
  padding: 0;
}

ul li {
  list-style: none;
  font-size: 0;
}

.portfolio ul {
  -webkit-column-width:50vmin;
     -moz-column-width:50vmin;
          column-width:50vmin;
  -webkit-column-fill:balance;
     -moz-column-fill:balance;
          column-fill:balance;
  -webkit-column-gap: 3px;
     -moz-column-gap: 3px;
          column-gap: 3px;
}

.portfolio ul:hover img {
  opacity: 0.3;
}

.portfolio ul:hover img:hover {
  opacity: 1;
}

.portfolio ul li {
  margin-bottom: 3px;
}

.portfolio ul li img {
  max-width: 100%;
  transition: 0.8s opacity;
}

  
    
    
    • 
    
    • 
    
    • 
    
    • 
    
    • 
    
    • 
    
    • 
    
    • 
    
    • 
    
    • 
    
    • 
    
    •

ссылка среди других https://web-design-weekly.com/2014/11/18/viewport-units-vw-vh-vmin- vmax /

display:grid coud делает это также простым с автозаполнением, но для этого требуется установить значение диапазона до самого высокого изображения, чтобы строки и столбцы могли inbricate 

.container {}

ul {
  margin: 0;
  padding: 0;
}

ul li {
  list-style: none;
  font-size: 0;
}

.portfolio ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(50vmin, 1fr));
  grid-gap: 5px;
  grid-auto-rows: minmax(10px, 1fr);
  grid-auto-flow: dense;
}

.portfolio ul:hover img {
  opacity: 0.3;
}

.portfolio ul:hover img:hover {
  opacity: 1;
}

.portfolio ul li {
  margin-bottom: 3px;
}

.portfolio ul li img {
  max-width: 100%;
  transition: 0.8s opacity;
}

li {
  border: solid blue;
  grid-row-end: span 1;
  display: flex;
  align-items: center;
  background: lightgray;
}

li:nth-child(1),
li:nth-child(3),
li:nth-child(6),
li:nth-child(7),
li:nth-child(8),
li:nth-child(9),
li:nth-child(10),
li:nth-child(11) {
  border: solid red;
  grid-row-end: span 2
}

  
    
    
    • 
    
    • 
    
    • 
    
    • 
    
    • 
    
    • 
    
    • 
    
    • 
    
    • 
    
    • 
    
    • 
    
    •

вы можете видеть https://css-tricks.com/snippets/css/complete-guide-grid/

8
задан deamon 15 January 2013 в 16:44
поделиться

2 ответа

Хитрость заключается в использовании счетчика: 

select i from Item i join i.tags t
where t in :tags group by i.id having count(i.id) = :tagCount
10
ответ дан deamon 21 August 2018 в 01:08
поделиться
  • 1
    Это одна из тех вещей, которые заставляют вас навеки видеть ее, а затем, когда вы это делаете, вы не можете поверить, что не видели ее все время – Chris Thompson 10 October 2017 в 23:02

У меня была такая же проблема, как и вы. Я использовал reductio ad absurdum: 

select distinct i from Item i where i not in (select i2 from Item i2 join i2.tags t where t not in :tags)
2
ответ дан Darth_Blade 21 August 2018 в 01:08
поделиться
  • 1
    Мне нравится этот метод, так как у меня уже был запрос, который возвращал то, что я не хотел, но мне нужно было добавить несколько условий для внутреннего выбора, чтобы результаты подзапроса оставались небольшими. Вместо этого я использовал метод подсчета, описанный здесь stackoverflow.com/a/21645545/429896 , который не требует добавления материала после & quot; group by & quot ;. – HypeXR 12 February 2015 в 19:43
Другие вопросы по тегам:

Похожие вопросы: