第二范式

第三范式

第四范式

这是一个使用内联样式优化后的边框，文字已居中并变为红色

  
  这是一个使用内联样式优化后的边框，文字已居中并变为红色  

/*
text-align: center;足以实现文字的水平居中。display: flex;、justify-content: center;和align-items: center;是用于实现垂直居中的。同时，我设置了一个height值来确保div有足够的高度来展示垂直居中的效果。

如果您不希望使用flex布局，且div的高度是固定的或可预测的，您还可以通过设置line-height等于div的高度来实现垂直居中（这种方法适用于单行文字）。但请注意，在上面的代码中，我已经将line-height重置为initial，因为我们使用了flex布局。

如果您想保持div的高度自适应内容，并且只想要单行文字垂直居中，那么您可以使用line-height配合height（当height由内容决定时，这种方法不适用），或者简单地使用flex布局，如上所示。
*/

这是一个使用内联样式优化后的边框，文字已居中并变为红色

  
  这是一个使用内联样式优化后的边框，文字已居中并变为红色  

多行实例

原则 1：加锁的基本单位是 next-key lock。希望你还记得，next-key lock 是前开后闭区间。
原则 2：查找过程中访问到的对象才会加锁。
优化 1：索引上的等值查询，给唯一索引加锁的时候，next-key lock 退化为行锁。
优化 2：索引上的等值查询，向右遍历时且最后一个值不满足等值条件的时候，next-key lock 退化为间隙锁。
一个 bug：唯一索引上的范围查询会访问到不满足条件的第一个值为止。

  
	原则 1：加锁的基本单位是 next-key lock。希望你还记得，next-key lock 是前开后闭区间。
	原则 2：查找过程中访问到的对象才会加锁。
	优化 1：索引上的等值查询，给唯一索引加锁的时候，next-key lock 退化为行锁。
	优化 2：索引上的等值查询，向右遍历时且最后一个值不满足等值条件的时候，next-key lock 退化为间隙锁。
	一个 bug：唯一索引上的范围查询会访问到不满足条件的第一个值为止。