一行文字居中多行文字左对齐
来源:互联网 发布:优酷客户端for mac 编辑:程序博客网 时间:2024/06/04 19:43
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> /*当文字为一行是,则P的宽度小于div的宽度,p标签居中显示在盒子内,文字也就居中了 ;当大于一行时,P的宽度和div的宽度是一致的 ,文字就居左对齐了*/ .rk-box { width: 200px; border: 1px solid #ee2415; text-align: center ;padding: 2px 5px} /*display: inline-block使P的宽度根据文字的宽度伸缩 */ .rk-box p { text-align: left; display: inline-block }</style><body><div class="rk-box"> <p>墙角数枝梅</p></div><br><div class="rk-box"> <p>凌寒独自开,遥知不是雪,唯有暗香来</p></div></body></html>
阅读全文
0 0
- 一行文字居中多行文字左对齐
- css怎样实现单行文字与图片垂直居中对齐,css怎样实现多行文字与图片垂直居中对齐,css怎样实现图片文字垂直居中对齐
- css实现文字一行居中,多行左对齐
- CSS实现新闻标题,一行文字垂直居中,两行文字超出显示省略号
- 多行文字居中
- 多行文字居中
- CSS:多行文本水平垂直居中,少于一行文本居中,多余一行文本居左(试用于对话提示框)
- iPhone开发--UITextField中的文字左对齐,垂直高度居中
- iOS UITextField中的文字左对齐,垂直高度居中
- 纯CSS实现文字一行居中,多行左对齐的方法
- 关于同一行图片文字居中与对齐的问题
- 纯CSS实现文字一行居中,多行左对齐的方法
- 纯CSS实现文字一行居中,多行左对齐的方法
- 多行文字垂直居中
- css 多行文字居中
- 一行、多行文本垂直居中的CSS实例说明
- 关于一行或多行文本省略号和居中显示
- 实现表格内容第一行居中,其他行与第一行左对齐
- TensorFlow的安装
- 事件流、事件冒泡
- 八月瓜可以泡酒吗 八月瓜泡酒有什么功效
- 关于STM8CAN产生bus-off如何自动恢复
- 第一篇 hello world
- 一行文字居中多行文字左对齐
- vue悬停下拉菜单(视频门户网站)
- unity5.6新功能VideoPlayer播放声音,判断视频播放完毕,以及遇到的坑总结
- jsp提交表单的方法
- hdu 2087 剪花布条(kmp)
- vue生命周期和钩子函数的理解
- OpenCV2编程手册笔记之 10.3处理视频帧
- spark中的几个概念File,Block,Split,Task,Partition,RDD以及节点数、Executor数、core数目的关系。
- Vue组件间通信方式