text-align

Center inline-blocks keeping text-align left

由 一世执手 提交于 2019-12-23 13:11:04
问题 I have a group of items. Is it possible to center the whole group but make sure items on new lines appear on the left and not the center? Here is the example: http://codepen.io/anon/pen/yczku/ And this is what I need: http://f.cl.ly/items/103O0n0h2N0n1k163E26/result.png Notice the group of green cells is centered inside the red container but each new line is still left-aligned. I should mention that the solution must not rely on a fixed width (and setting a fixed padding or something like

Bootstrap max-width columns responsive

由 痴心易碎 提交于 2019-12-22 07:42:24
问题 I am trying to code a section of a one-page responsive Bootstrap design that has two side-by-side columns of text. The designer wants these two columns to have a max-width, but once it reaches its max, it is no longer centered (as the rest of the content continues to be responsive). Is there a way around this to still have the two columns of text centered? Edit: Here is a link to what the code looks like: http://www.bootply.com/119539 回答1: Here try this Bootply . Is this what you are looking

Can I use CSS to justify text with hyphenating words at the end of a line?

由 时间秒杀一切 提交于 2019-12-22 05:14:36
问题 I have a div that is too narrow to text-align:justify (gaps too wide), but yet looks un-uniform when right- or left-justified, because then there is a large gap at the end of lines. Left-justified looks best, but could I use hyphenation, like in books? Using CSS? 回答1: You can use hyphens: auto provided that you have declared the content language in HTML, e.g. using <html lang=en-US> . Browser support is still limited but getting better, see http://caniuse.com/css-hyphens For good quality, you

Aligning the text in Google Maps Marker snippet

由 我们两清 提交于 2019-12-21 20:19:32
问题 I want the string in my snippet to be aligned to the center. Also, line breakers (\n) in the snippet are converted to spaces, is there a way to insert line breakers? My relevant code: GoogleMap map = ... map.addMarker(new MarkerOptions().position(pos) .title("title") .snippet("body \n and mind"); Thanks 回答1: Using some examples, as well as answers from: custom info window adapter with custom data in map v2, I've come across the following solution: marker.xml <?xml version="1.0" encoding="utf

Margin: Auto not working in IE

由 做~自己de王妃 提交于 2019-12-21 07:15:08
问题 URL: http://cyberbat.co.uk/test container margin: auto is not working, is there any other way to put it in the middle in IE. EDIT: Check it again, the index.php was the wrong file, I replaced it with index.html . 回答1: This is a bug in IE! You just need to create a holder for <div class="page"> and set its text-align to center .page-holder{ text-align:center; } .page{ margin:0 auto; } <div class="page-holder"> <div class="page"> page content </div> </div> 回答2: <!DOCTYPE HTML PUBLIC "-//W3C/

How to center images on a web page for all screen sizes

由 徘徊边缘 提交于 2019-12-21 03:11:04
问题 I'm having a problem with my HTML. I've searched all over the internet, but still no real answer. I have a website with some images, and I want them to be in the middle. Now, on my screen they're in the middle, but that's because I've put them there by moving them to one side. When my friends to look at it, the image is off-center. Here's the website; if you are on a 13.5" screen it will look to be in the middle. 回答1: Would it not be acceptable to use just a simple <center></center> tag? I

CSS text-align: center; not working

由 徘徊边缘 提交于 2019-12-20 16:01:29
问题 I have the following html: <div id="footer"> <ul id="menu-utility-navigation" class="links clearfix"> <li class="menu-685 menu-site_map first">Site Map </li> <li class="menu-686 menu-privacy_policy">Privacy Policy </li> <li class="menu-687 menu-terms___conditions">Terms & Conditions </li> <li class="menu-688 menu-contact_us last">Contact Us </li> </ul> </div> With the following CSS: div#footer { font-size: 10px; margin: 0 auto; text-align: center; width: 700px; } I threw in the font-size bit

CSS text-align: center; not working

由 ℡╲_俬逩灬. 提交于 2019-12-20 15:58:10
问题 I have the following html: <div id="footer"> <ul id="menu-utility-navigation" class="links clearfix"> <li class="menu-685 menu-site_map first">Site Map </li> <li class="menu-686 menu-privacy_policy">Privacy Policy </li> <li class="menu-687 menu-terms___conditions">Terms & Conditions </li> <li class="menu-688 menu-contact_us last">Contact Us </li> </ul> </div> With the following CSS: div#footer { font-size: 10px; margin: 0 auto; text-align: center; width: 700px; } I threw in the font-size bit

css水平垂直居中

由 梦想与她 提交于 2019-12-20 12:30:23
css水平垂直居中方法总结，简单明了 水平居中 对于行内元素(inline)：text-align: center; 对于块级元素(block)：设置宽度且 marigin-left 和 margin-right 是设成 auto 对于多个块级元素：对父元素设置 text-align: center;，对子元素设置 display: inline-block;；或者使用 flex 布局 垂直居中 对于行内元素(inline) 单行：设置上下 pandding 相等；或者设置 line-height 和 height 相等 多行：设置上下 pandding 相等；或者设置 display: table-cell; 和 vertical-align: middle;；或者使用 flex 布局；或者使用伪元素 来源： https://www.cnblogs.com/renzm0318/p/8932827.html

How can I horizontally center a button element in a div element?

由 纵饮孤独 提交于 2019-12-20 09:27:52
问题 I don't want to add CSS to my div element (e.g. <div style="text-align: center;"> ). I only want to add CSS code to the button element. <div> <button>Button</button> </div> How can I center the button horizontally in this case? 回答1: button { margin:0 auto; display:block; } button { margin: 0 auto; display: block; } <div> <button>Button</button> </div> 回答2: Others have already mentioned the margin: 0 auto; method, but if you wanted an explanation, the browser splits up the available space in
订阅 text-align