`
雪馨25
  • 浏览: 131783 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

【javaWeb】div居中

阅读更多

设置div的css为

margin:0auto;text-align:center;

效果(中间的div是居中的):

居中

 

例子代码

<div style="width:400px;height:100px;border: 1px solid blue;">
<div style="width:300px;height:80px;margin:0 auto;text-align:center; border: 1px solidblue ;">
<p>
居中
</p>
</div>
</div>

分享到:
评论

相关推荐

    JAVAWEB开发_练习题

    使如下DIV左右居中显示。div中的文字上下居中显示。 题目2:表单提交练习 编写程序,一个页面用于提交数据,另外一个显示已经提交的数据。表单可多次提交,列表都要显示出来。 题目3:使用jsp实现文件的下载 题目4...

    turn.js实现图书翻页

    autoCenter: true // 是否自动居中 }); ``` 4. **事件处理**:Turn.js 提供了一系列的事件,可以监听用户的翻页动作,如`turning`、`turned`、`missing`等,用于执行自定义功能。例如: ```javascript book....

    点击弹出层效果&amp;弹出窗口后网页背景变暗效果的实现代码

    `div1` 设置为绝对定位并居中,而 `div2` 则是全屏覆盖。 总的来说,实现点击弹出层及背景变暗效果的关键在于使用 CSS 控制层叠关系和透明度,以及利用 JavaScript 动态改变元素的样式。这两个示例都展示了如何通过...

    java弹出框效果

    综上所述,jqModal控件为JavaWeb应用提供了一种优雅的方式来实现弹出框效果,无论是简单的信息提示还是复杂的表单填写,都能轻松应对。通过灵活的配置和与Java后端的交互,可以创建出满足各种需求的弹出框功能。在...

    web的pdf讲义资料

    - **属性格式**通常是`属性名="属性值"`形式,如`align="center"`表示居中对齐。 - **示例**: `开始学习JavaWeb&lt;/h1&gt;`。 3. **文档结构**: - **文档声明**: 用于声明当前HTML的版本,如`&lt;!DOCTYPE html&gt;`。 - *...

Global site tag (gtag.js) - Google Analytics