您本可以使用 flex
来完成此操作,就我的知识而言,网格
不是为此目的做的!
这是用 flex
制作的示例
body {
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
background: #171615;
}
.header {
/* If you don't want the header to be sticky on scroll remove these lines */
position: sticky;
top: 0;
/* If you don't want the header to be sticky on scroll remove these lines */
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
background: #171615;
}
.header-logo {
height: 55px;
}
.logo {
height: 100%;
width: 135px;
object-fit: cover;
}
.header-menu {
display: flex;
flex-flow: row wrap;
}
.header-menu a {
color: #f1f1f1;
padding: 12px;
text-decoration: none;
border-radius: 4px;
margin-right: 8px;
white-space: nowrap;
}
.header a.active {
background: dodgerblue;
}
.login {
background-color: dodgerblue;
}
.header-menu a:hover {
background-color: #ddd;
color: black;
}
.wrapper {
width: 70%;
color: white;
}
/* you can remove this part */
.white-space {
display: flex;
height: 800px;
font-size: 3rem;
background: darkgray;
}
/* you can remove this part */
<div class="header">
<div class="header-logo">
<a href="#"><img class="logo" src="https://via.placeholder.com/135x55" alt="Logo" /></a>
</div>
<div class="header-menu">
<a class="active" href="#">Home</a>
<a class="active" href="#">Games</a>
<a class="active" href="#">Web Projects</a>
<a class="login" href="#">Login</a>
<a href="#">Contact</a>
<a href="#">About</a>
</div>
</div>
<div class="wrapper">
<!-- put your content here -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac ut consequat semper viverra. Eget nunc scelerisque viverra mauris in aliquam sem fringilla ut.</p>
<div class="white-space">
<h2 style="margin: auto">White Space</h2>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac ut consequat semper viverra. Eget nunc scelerisque viverra mauris in aliquam sem fringilla ut.</p>
<!-- put your content here -->
</div>
更新:
为标题增加了自定义高度
body {
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
background: #171615;
}
.header {
/* If you don't want the header to be sticky on scroll remove these lines */
position: sticky;
top: 0;
/* If you don't want the header to be sticky on scroll remove these lines */
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
background: #171615;
}
.header-logo {
height: 55px;
}
.logo {
height: 100%;
width: 135px;
object-fit: cover;
}
.header-menu {
display: flex;
flex-flow: row wrap;
height: 100px;
align-items: center;
}
.header-menu a {
color: #f1f1f1;
padding: 12px;
text-decoration: none;
border-radius: 4px;
margin-right: 8px;
white-space: nowrap;
}
.header a.active {
background: dodgerblue;
}
.login {
background-color: dodgerblue;
}
.header-menu a:hover {
background-color: #ddd;
color: black;
}
.wrapper {
width: 70%;
color: white;
}
/* you can remove this part */
.white-space {
display: flex;
height: 800px;
font-size: 3rem;
background: darkgray;
}
/* you can remove this part */
<div class="header">
<div class="header-logo">
<a href="#"><img class="logo" src="https://via.placeholder.com/135x55" alt="Logo" /></a>
</div>
<div class="header-menu">
<a class="active" href="#">Home</a>
<a class="active" href="#">Games</a>
<a class="active" href="#">Web Projects</a>
<a class="login" href="#">Login</a>
<a href="#">Contact</a>
<a href="#">About</a>
</div>
</div>
<div class="wrapper">
<!-- put your content here -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac ut consequat semper viverra. Eget nunc scelerisque viverra mauris in aliquam sem fringilla ut.</p>
<div class="white-space">
<h2 style="margin: auto">White Space</h2>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac ut consequat semper viverra. Eget nunc scelerisque viverra mauris in aliquam sem fringilla ut.</p>
<!-- put your content here -->
</div>
我不知道为什么您要使用XML传递参数(在不推荐使用的文本
数据类型中),但看起来您只需要 for xml Path
以及XQUERY每个列名的路径
DECLARE @myXmlStr nvarchar(max) = (
SELECT
@EndDate AS [Params/@Date],
@OfficeFilterBy AS [Office/@KeyId],
@DepartmentFilterBy AS [Department/@KeyId],
@companyFilterBy AS [company/@KeyId],
@CustomerIdFilterBy AS [Customer/@KeyId]
FOR XML PATH(''), ROOT('XML')
);
EXEC Report_Invoice @Xml = @myXmlStr;
USESTATE可以为您提供以前的数据,然后您可以将您想这样的东西附加。
setTitle((prev)=> prev + e.target.value);
如果您查看该 JSDOM
似乎无法实现 POINTEREVENT
您可以解决此问题
class MockPointerEvent {}
describe("PointerEvent", () => {
beforeEach(() => {
global.window.PointerEvent = MockPointerEvent as any;
});
it("confirms pointer event", () => {
const pointerEvent = new PointerEvent("");
expect(pointerEvent).toBeTruthy();
});
});
您可以编写自己的洗牌功能,但要小心进行均匀的分布。这是 durstenfeld shuffle shuffle algorithm:
def shuffle(arr):
for i in range(len(arr) - 1, 0, -1):
j = np.random.randint(0, i + 1)
arr[[i, j]] = arr[[j, i]] # Swap
然后在您的代码中:
Deck2 = np.copy(Deck1)
shuffle(Deck2)
使用领先图标并放置图像代替图标
OutlinedTextField(
value = username.value,
onValueChange = { newText ->
username.value = newText
},
label = { Text(text = "Username") },
leadingIcon = {
Image(
modifier = Modifier.size(35.dp),
painter = painterResource(R.drawable.facebook),
contentDescription = "facebook icon",
)
},
modifier = Modifier
.fillMaxWidth(180F)
)
我得到了解决方案,刚刚对此 libmicrosoft.cognitiveservices.speech.core.so
库中库中/usr/lib
文件夹和修改 binding.gyp
文件。正常工作。
{
"targets": [
{
"target_name": "transcription",
"sources": ["src/streamingAsr.cpp"],
"cflags": ["-Wall", "-std=c++17"],
"cflags!": ["-fno-exceptions"],
"cflags_cc!": ["-fno-exceptions"],
"include_dirs": [
"/home/delaplexTransation/speechsdk/include/cxx_api",
"/home/delaplexTransation/speechsdk/include/c_api",
"<!(node -e \"require('nan')\")",
"<!(node -e \"require('streaming-worker-sdk')\")"
],
"libraries": [
"/usr/lib/libMicrosoft.CognitiveServices.Speech.core.so"
]
}
]
}
当Array.fill通过一个对象时,它将复制引用并用对该对象的引用填充数组。
您可以使用以下内容:
products = Array.from({length:7},()=> ({'keepOpen':false}))
尝试:
df = df.pivot_table(index="A", columns="B", values="C", aggfunc=list)
df = df.explode(df.columns.to_list()).reset_index()
df.columns.name = None
print(df)
打印:
A 1 2 3
0 A1 1.3 1.4 1.3
1 A1 1.0 2.7 2.4
2 A2 1.7 1.6 1.5
3 A2 1.6 1.7 1.2
VS代码将Open 文件夹作为工作区。因此,请在VS代码中打开整个文件夹,而不仅仅是 .py
文件,那么VS代码将无法找到您的工作区,并且默认情况下将使用计算机用户目录作为工作区。因此,自然而然的是,您会发现错误的脚本路径。
示例:
作为工作区打开文件夹:
< img src =“ https://i.sstatic.net/lcfra.png” alt =“在此处输入图像说明”>
只需打开一个.py文件:
vs代码打开folde:
请求对象在整个会话中共享。设置 request.session ['name'] ='srj'
应该允许您在另一个视图中捕获以请求对象为参数的名称,例如,在设置
之后您可以在另一个视图中检查它:
if request.session['name'] == 'SRJ':
pass
您还可以删除类似的会话变量: del request.session ['name']
django和drf没有区别,他们都使用相同的django请求对象。这就是我可以从问题中给您的一切,让我知道这是否不是您的问题。
这是您在订购ID时可以尝试的另一种选择,
%dw 2.0
output application/json
---
payload groupBy ((item, index) -> item.Order.Id)
mapObject ((value, key, index) ->
{"Id": value.Order.Id[0],
"Order Name": value.Order.Account_Name__c[0],
"Line Items": value map ({
Id: $.Id,
ItemNumber: $.OrderItemNumber,
Name: $.Product2.Name
})}
)
您可以将对象存储在a 价格。存储独特的价格后,将地图的迭代器成一个新数组以获得结果。
const offersStep = [
{a: 1, price: 67.10},
{a: 3, price: 88.20},
{a: 5, price: 88.20},
{a: 7, price: 57.10},
{a: 13, price: 57.10},
{a: 15, price: 57.10},
{a: 29, price: 57.10},
{a: 30, price: 57.10},
];
function filterOffers(offers) {
let offersByPrice = new Map();
for (let offer of offers) {
if (!offersByPrice.has(offer.price)) {
// Store the offer
offersByPrice.set(offer.price, offer);
}
}
return [...offersByPrice.values()];
}
console.log(filterOffers(offersStep));
我不知道自己正在运行Microsoft.data.sqlclient(1.1.1)和Microsoft.data.sqlclient.sni(1.1.0)的古代版本。
将microsoft.data.sqlclient升级到4.1.0和microsoft.data.sqlclient.sni到4.0.0解决了问题。
I was unaware that I was running ancient versions of Microsoft.Data.SqlClient (1.1.1) and Microsoft.Data.SqlClient.SNI (1.1.0).
Upgrading Microsoft.Data.SqlClient to 4.1.0 and Microsoft.Data.SqlClient.SNI to 4.0.0 solved the problem.
实体框架核心:具有“执行超时过期”的sqlexception'尽管设置了更高的超时