如何删除顶部 layoutUnit 和中间 layoutUnit 之间的 ui-resizer
?
我不明白它为什么会出现,我试过使用 closable、resizable,但它不起作用。
这是我的index.xhtml
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://java.sun.com/jsf/core"
xml:lang="en" lang="en">
<h:head>
<title>GG Well Trade</title>
</h:head>
<h:body>
<style type="text/css">
.ui-autocomplete input {
width: 74%;
}
.ui-autocomplete {
width: 100%;
}
.ui-widget {
font-size: 18px;
}
.ui-layout-unit {
border: none;
}
.ui-layout-unit .ui-layout-unit-content {
border: none;
overflow: hidden !important;
}
hr {
border: none;
height: 1px;
color: lightgray;
background-color: lightgray;
}
a {
text-decoration:none;
}
</style>
<p:layout fullPage="true">
<p:layoutUnit position="east" size="200" style="text-align: center">
<p:graphicImage library="img" name="about/LOGO.png"/>
</p:layoutUnit>
<p:layoutUnit position="center">
<p:layout>
<h:form>
<p:layoutUnit position="north">
</p:layoutUnit>
</h:form>
<p:layoutUnit position="south" header="Credits">
</p:layoutUnit>
<p:layoutUnit position="center">
</p:layoutUnit>
</p:layout>
</p:layoutUnit>
</p:layout>
</h:body>
</html>
每个 layoutUnit 都不能调整大小,但你可以调整 North 的大小,为什么?
最佳答案
我不知道这是否是一个错误,但 <h:form>
包装 <p:layoutUnit position="north">
生成 ui-resizer
在 HTML 页面中
关于css - North layoutUnit 和 Center layoutUnit 之间不需要的 ui-resizer,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40795655/