⑴ html里面的li里面文字怎样都居中呢
1、首先打开可以编写前端代码的编辑器，新建一个test.html文件，HTML文件是前端页面文件，可以在浏览器直接打开查看效果。新建文件后写入基本的代码，如图所示。
⑵ 前端纯css解决上下左右居中问题的几种方法
《CSS如何实现元素水平垂直居中 - 水平垂直居中对齐方法集锦》
《CSS实现水平垂直居中 - 看看网易大公司如何实现》
利用display：table与table-cell进行元素水平垂直居中
HTML结构：
<divclass="wrap">
<divclass="box">
<divclass="con">梦幻雪冰、HTML5学堂</div>
</div>
</div>
CSS代码：
.wrap{
/*让元素以表格形式渲染*/
display:table;
height:400px;
width:400px;
background:#fcf;
}
.box{
/*让元素以表格的单元素格形式渲染*/
display:table-cell;
/*使用元素的垂直对齐*/
vertical-align:middle;
}
.con{
width:200px;
height:200px;
margin:0auto;
background:#999;
}
⑶ 请问，我在学习前端，下图的搜索框如何居中，用那个标签或者样式，谢谢！
可以参考一下
1、div css布局之div左对齐，DIV+CSS布局完整代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>div对齐实例 在线演示 DIVCSS5</title>
<style>
.divcss5-left{float:left;width:250px;height:50px;border:1px solid #F00}
</style>
</head>
<body>
<div class="divcss5-left">此DIV靠左对齐显示</div>
</body>
</html>
2、div css布局之div右对齐，DIV+CSS布局完整代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>div对齐实例 在线演示 DIVCSS5</title>
<style>
.divcss5-right{float:left;width:250px;height:50px;border:1px solid #F00}
</style>
</head>
<body>
<div class="divcss5-right">此DIV靠右对齐显示</div>
</body>
</html>
3、div css布局之div居中对齐，DIV+CSS布局完整代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>div对齐实例 在线演示 DIVCSS5</title>
<style>
.divcss5-cent{margin:0 auto;width:250px;height:50px;border:1px solid #F00}
</style>
</head>
<body>
<div class="divcss5-cent">此DIV居中右对齐显示</div>
</body>
</html>
⑷ js使用div内容居中
1、准备好一个空的html结构的文档。
⑸ 网页前端中如何把左动的多个div居中
第一种情况：正常情况下div居中只需要对div进行样式设定margin:0px auto；
第二种情况：如果你的div是浮动的，那么只能将最左边的div添加margin-left,或者将所有浮动的div外面放一个div，设置外面宽度和margin:0px auto;这样也是可以居中的。
第三种情况：就是将div设置inline-block然后将它的父元素设置text-align:center;当然了如果这几个div是浮动的，要将浮动删除。
应该情况就这么多了，没有其他情况了
⑹ css垂直水平居中的几种方法
有很多种方法，我给你列举几个实际情况中经常用的
对于具有inline属性的元素，可以设置行高与高相同，text-align设置为center即可
对于块级元素
①父元素为相对定位，想让绝对定位的元素水平垂直居中，可设置top left两个属性的值为50%，然后通过transform属性的translate(-50%, -50%)来达到水平垂直居中的效果
②对于没有相对于父级定位的元素，可以在设置margin:auto达到水平居中的前提下，给该元素这只相对定位，把top的值设为50%，再利用transform的translateY（-50%）同样也能达到视觉上的水平垂直居中效果
③就是对于想在一列展示块级元素水平垂直居中的方法，最方便的不需要用float设置浮动，这样会脱离文档流，需要通过定位去控制，浮动加定位的属性在一起是不建议的，所以对于这种情况可以将block块级元素的display设置为inline-block，在不损失块级元素的属性情况下，再利用第一种方法去设置垂直水平居中
这个就是弹性布局了，父级display设置flex，成为弹性容器，弹性子元素可根据实际需求进行不同效果的水平垂直居中
整体上有很多种方法达到水平垂直居中的效果，无外乎就是通过内外边距，定位，行高加文本居中的方式，前端的目的不是让元素确确实实居中了，而是用最优的方法在视觉效果上居中。