bootstrap 的栅格怎么让里面的文字居中显示...

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bootstrap 的栅格怎么让里面的文字居中显示...相关的知识,希望对你有一定的参考价值。

我左边的col-md-6是图片.右边的col-md-6是文字...
但是文字是向上对齐的..我要居中对齐怎么搞..
不要用margin或者padding..
就是要从中间开始显示文字

用竖直对齐的方式,比如有人用line-height来处理,有人用table里的那个单元格的v什么来竖直对齐 参考技术A 在col-md-6的那个标签上加属性:text-align:center; 参考技术B bootstrap的css自带文字居中,直接引用.text-center
.text-centertext-align:center
参考技术C text-align:center; 参考技术D

需要给元素添加 额外样式:

    line-height: 100px; // 行高 
    vertical-align:middle;  // 上下居中 [与行高成对出现]
    text-align: center; // 左右居中


以下是一个完整例子,可以直接使用该代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <link rel="stylesheet" href="

    <style>
    .con line-height: 100px; vertical-align: middle; text-align: center;
    .color1  background: pink;
    .color2  background: red; 
    </style>
</head>
<body>
    <div class="row box">
      <div class="col-md-6 con color1">.col-md-6</div>
      <div class="col-md-6 con color2">.col-md-6</div>
    </div>
</body>
</html>

本回答被提问者和网友采纳

js怎么让指定的div显示指定文字?

求示例

参考技术A 参考代码如下:
<html>
<head>
<script src="jquery-1.4.2.js"></script>
<script>
$(function()
$("#div1").html("aaaaaaaaaaaa");
)

</script>
</head>
<body>

<div id="div1"></div>

</body>。
参考技术B 参考代码如下:
<html>
<head>
<script src="jquery-1.4.2.js"></script>
<script>
$(function()
$("#div1").html("aaaaaaaaaaaa");
)

</script>
</head>
<body>

<div id="div1"></div>

</body>
</html>

希望能帮到你

以上是关于bootstrap 的栅格怎么让里面的文字居中显示...的主要内容,如果未能解决你的问题,请参考以下文章

js怎么让指定的div显示指定文字?

word里怎么让文本框里字体上下居中呢?

打标签怎么把字居中

DIV+CSS LI里面怎么让垂直的文字垂直居中?

css怎么让文字显示在图片的上面

如何让option中的文字居中