Основываясь на описании того, как вы хотите сделать макет, я бы предположил следующее:
#mybuttons
определяется исключительно высотой текстового содержимого в в левом столбце Если это требуемый макет, вы может просто обернуть все содержимое в правом столбце в другой <div>
, который расположен абсолютно, чтобы занять всю область, выделенную для правого столбца. Это приводит к тому, что все содержимое выводится из потока, что означает, что они больше не влияют на высоту #mybuttons
.
Это будет выглядеть примерно так:
<div id="mybuttons" class="gray-inner-block buttons buttonsout">
<div class="inner-block left-block">
<!-- Left block content here -->
</div>
<div class="inner-block right-block">
<!-- The div below is to be absolutely positioned relative to its parent -->
<div class="right-block-content">
<!-- Right block content here -->
</div>
</div>
</div>
Имея это в виду, вы можете затем переместить все стили Flexbox, первоначально примененные к .right-block
, в .right-block-content
, и это должно работать: [1115 ]
.gray-inner-block {
margin-top: 40px;
background-color: #f2f2f2;
padding: 40px;
}
#mybuttons {
display: flex;
}
#mybuttons .inner-block {
width: 50%;
}
#mybuttons .right-block {
position: relative;
}
#mybuttons .right-block-content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
#mybuttons .right-block-content div {
width: 150px;
height: 40px;
margin-bottom: 10px;
flex-basis: 0;
}
.inner-block .maintitle {
font-size: 30px;
text-transform: uppercase;
margin-bottom: 20px;
}
.inner-block .subtitle {
font-size: 20px;
}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<div id="mybuttons" class="gray-inner-block buttons buttonsout">
<div class="inner-block left-block">
<div class="maintitle">Use these buttons to maipulate the interface</div>
<div class="subtitle">Each button can be use independently</div>
</div>
<div class="inner-block right-block">
<div class="right-block-content">
<div>
<a class="btn btn-primary" role="button">Bouton 1</a>
</div>
<div>
<a class="btn btn-primary" role="button">Bouton 2</a>
</div>
<div>
<a class="btn btn-primary" role="button">Bouton 3</a>
</div>
<div>
<a class="btn btn-primary" role="button">Bouton 4</a>
</div>
<div>
<a class="btn btn-primary" role="button">Bouton 5</a>
</div>
</div>
</div>
</div>
При использовании Критериев для создания запроса, можно создать собственное выражение, которое разделяет org.hibernate.criterion на подклассы. LikeExpression, с помощью одного из защищенных конструкторов, который берет в 'Символе escapeChar' и делает замену в значении для Вас. Принятие этого'!' известное значение, которое не будет ни в каких строках поиска (можно выбрать любого, которого Вы любите, я предполагаю), можно просто сделать:
public class EscapingLikeExpression extends LikeExpression {
public EscapingLikeExpression(String propertyName, String value) {
super(propertyName, escapeString(value), '!', false);
}
static String escapeString(String inputString) {
inputString = inputString.replace("_", "!_");
return inputString;
}
}
если НЕТ таких символов (который не появится в Вашем поисковом значении как литералы), затем добавляют следующее как первую строку escapeString () для выхода из них также:
inputString = inputString.replace("!", "!!");
Почему Вы не можете сделать строковой замены на значении? Как это использует так, чтобы это было неосуществимым решением?